Stylebook

Comparator item

Porovnání konfigurací:

PP24-00487 Vánoční tašky Lenka

20.3.2024

Papírová taška hnědá Takeaway 26x16x30 ( 6 )

Papírová taška modrá Takeaway 26x16x30 ( 1 )

Papírová taška zelená Takeaway 26x16x30 ( 4 )

Smazat vše

Odstranit porovnání konfigurací

Opravdu si přejete odstranit toto porovnání konfigurací

PP24-00487 Vánoční tašky Lenka

Zrušit odstranění Opravdu odstranit

Konfigurace:

Název produktu:

Dostupnost:

Potisk:

Počet barev tisku:

Tiskový soubor:

Varianta tisku:

Počet kusů k potištění:

Nastavení tisku:

Doplňkové info k tisku:

Termín expedice:

Cena:

Limitovaná edice Novinka Akce

PP23-00487-001

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice

Expresní vyřízení Doručení do 24h
+1 990 Kč bez DPH

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Limitovaná edice Novinka Akce

PP23-00487-002

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice

Expresní vyřízení Doručení do 24h
+1 990 Kč bez DPH

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Limitovaná edice Novinka Akce

PP23-00487-003

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice

Expresní vyřízení Doručení do 24h
+1 990 Kč bez DPH

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Limitovaná edice Novinka Akce

PP23-00487-004

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice

Expresní vyřízení Doručení do 24h
+1 990 Kč bez DPH

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Limitovaná edice Novinka Akce

PP23-00487-005

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice

Expresní vyřízení Doručení do 24h
+1 990 Kč bez DPH

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Limitovaná edice Novinka Akce

PP23-00487-006

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice

Expresní vyřízení Doručení do 24h
+1 990 Kč bez DPH

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Konfigurace:

Název produktu:

Dostupnost:

Potisk:

Počet barev tisku:

Tiskový soubor:

Varianta tisku:

Počet kusů k potištění:

Nastavení tisku:

Doplňkové info k tisku:

Termín expedice:

Cena:

Tato konfigurace již byla přidána do košíku. Pokud chcete tuto konfiguraci dále upravovat, klikněte na ikonku “kopírovat”

Limitovaná edice Novinka Akce

PP23-00487-002

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?

Zobrazit více

Expresní vyřízení Doručení do 24h
+1 990 Kč bez DPH

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Konfigurace:

Název produktu:

Dostupnost:

Potisk:

Počet barev tisku:

Tiskový soubor:

Varianta tisku:

Počet kusů k potištění:

Nastavení tisku:

Doplňkové info k tisku:

Termín expedice:

Cena:

Limitovaná edice Novinka Akce

PP23-00487-003

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice

Expresní vyřízení Doručení do 24h
+1 990 Kč bez DPH

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Tato konfigurace již byla přidána do košíku. Pokud chcete tuto konfiguraci dále upravovat, klikněte na ikonku “kopírovat”

Limitovaná edice Novinka Akce

PP23-00487-004

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?

Zobrazit více

Expresní vyřízení Doručení do 24h
+1 990 Kč bez DPH

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Limitovaná edice Novinka Akce

PP23-00487-005

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?

Zobrazit více

Aktuální termín expedice: cca 1 - 2 týdny od schválení náhledu a úhrady zálohové faktury.

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Limitovaná edice Novinka Akce

PP23-00487-006

Papírová taška hnědá ExtraTWIST 22x10x28

Skladem
( 52265 Ks )

Potisk obou stran - jiný motiv

5 barev / 2 barvy

Vanoce_predek.eps

Sítotisk

100 ks Min. 500 ks

30%

U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?

Zobrazit více

Aktuální termín expedice: cca 1 - 2 týdny od schválení náhledu a úhrady zálohové faktury.

Tisk: 6,00 Kč/ks s DPH

Tisková příprava: 450,00 Kč/ks s DPH

Cena za 1 ks 2,75 Kč

Cena bez DPH 90 599 990 Kč

Cena s DPH 10 056 990 Kč

Porovnání konfigurací:

PP24-00488 Vánoční tašky Honza

30.3.2024

Editace názvu porovnání konfigurací

Název konfigurace

Barva podbarvení:

Zrušit přejmenování

Konfigurace potisku této tašky

Odstranit produkt

Opravdu si přejete odstranit produkt z konfigurace tisku?

Zrušit odstranění Opravdu odstranit

Odstranit konfiguraci

Opravdu si přejete odstranit konfiguraci tisku?

Zrušit odstranění Opravdu odstranit

        {% set comaparator_item_1 = {
  id: "PP24-00487",
  comparator_name: "Vánoční tašky Lenka",
  comparator_color: "support-orange-400",
  expiration_date: "20.3.2024",
  configurations_products: [
    {
      product_id: "1",
      product_name: "Papírová taška hnědá Takeaway 26x16x30",
      configurations: [
        {
          configuration_id: "PP23-00487-001",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-001",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
              {
                  title: "Limitovaná edice",
                  color: "support-blue-400"
                },
                {
                  title: "Novinka",
                  color: "support-pink-400"
                },
                {
                  title: "Akce",
                  color: "support-violet-400"
                }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice",
            express_delivery: true,
            express_delivery_price: "+1 990 Kč bez DPH",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        },
        {
          configuration_id: "PP23-00487-002",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-002",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
              {
                  title: "Limitovaná edice",
                  color: "support-blue-400"
                },
                {
                  title: "Novinka",
                  color: "support-pink-400"
                },
                {
                  title: "Akce",
                  color: "support-violet-400"
                }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice",
            express_delivery: true,
            express_delivery_price: "+1 990 Kč bez DPH",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        },
        {
          configuration_id: "PP23-00487-003",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-003",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
              {
                  title: "Limitovaná edice",
                  color: "support-blue-400"
                },
                {
                  title: "Novinka",
                  color: "support-pink-400"
                },
                {
                  title: "Akce",
                  color: "support-violet-400"
                }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice",
            express_delivery: true,
            express_delivery_price: "+1 990 Kč bez DPH",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        },
        {
          configuration_id: "PP23-00487-004",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-004",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
              {
                  title: "Limitovaná edice",
                  color: "support-blue-400"
                },
                {
                  title: "Novinka",
                  color: "support-pink-400"
                },
                {
                  title: "Akce",
                  color: "support-violet-400"
                }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice",
            express_delivery: true,
            express_delivery_price: "+1 990 Kč bez DPH",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        },
        {
          configuration_id: "PP23-00487-005",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-005",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
              {
                  title: "Limitovaná edice",
                  color: "support-blue-400"
                },
                {
                  title: "Novinka",
                  color: "support-pink-400"
                },
                {
                  title: "Akce",
                  color: "support-violet-400"
                }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice",
            express_delivery: true,
            express_delivery_price: "+1 990 Kč bez DPH",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        },
        {
          configuration_id: "PP23-00487-006",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-006",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
              {
                  title: "Limitovaná edice",
                  color: "support-blue-400"
                },
                {
                  title: "Novinka",
                  color: "support-pink-400"
                },
                {
                  title: "Akce",
                  color: "support-violet-400"
                }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice",
            express_delivery: true,
            express_delivery_price: "+1 990 Kč bez DPH",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        }
      ]
    },
    {
      product_id: "2",
      product_name: "Papírová taška modrá Takeaway 26x16x30",
      configurations: [
        {
          disabled: true,
          configuration_id: "PP23-00487-002",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-002",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
              {
                  title: "Limitovaná edice",
                  color: "support-blue-400"
                },
                {
                  title: "Novinka",
                  color: "support-pink-400"
                },
                {
                  title: "Akce",
                  color: "support-violet-400"
                }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?",
            express_delivery: true,
            express_delivery_price: "+1 990 Kč bez DPH",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        }
      ]
    },
    {
      product_id: "3",
      product_name: "Papírová taška zelená Takeaway 26x16x30",
      configurations: [
        {
          configuration_id: "PP23-00487-003",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-003",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
              {
                  title: "Limitovaná edice",
                  color: "support-blue-400"
                },
                {
                  title: "Novinka",
                  color: "support-pink-400"
                },
                {
                  title: "Akce",
                  color: "support-violet-400"
                }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice",
            express_delivery: true,
            express_delivery_price: "+1 990 Kč bez DPH",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        },
        {
          disabled: true,
          configuration_id: "PP23-00487-004",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-004",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
              {
                  title: "Limitovaná edice",
                  color: "support-blue-400"
                },
                {
                  title: "Novinka",
                  color: "support-pink-400"
                },
                {
                  title: "Akce",
                  color: "support-violet-400"
                }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?",
            express_delivery: true,
            express_delivery_price: "+1 990 Kč bez DPH",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        },
        {
          configuration_id: "PP23-00487-005",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-005",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
            {
                title: "Limitovaná edice",
                color: "support-blue-400"
              },
              {
                title: "Novinka",
                color: "support-pink-400"
              },
              {
                title: "Akce",
                color: "support-violet-400"
              }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?",
            express_delivery: false,
            delivery: "Aktuální termín expedice: cca 1 - 2 týdny od schválení náhledu a úhrady zálohové faktury.",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        },
        {
          configuration_id: "PP23-00487-006",
          edit_url: "/api/comparator/config-form?configuration-id=PP23-00487-006",
          product: {
            title: "Papírová taška hnědá ExtraTWIST 22x10x28",
            url: "https://www.google.com",
            img: {
              src: "https://i.imgur.com/8k4gve7.png"
            },
            availability: {
              title: "Skladem",
              status: "available",
              quantity: 52265
            },
            tags: [
            {
                title: "Limitovaná edice",
                color: "support-blue-400"
              },
              {
                title: "Novinka",
                color: "support-pink-400"
              },
              {
                title: "Akce",
                color: "support-violet-400"
              }
            ]
          },
          print: {
            type: "Potisk obou stran - jiný motiv",
            colors: "5 barev / 2 barvy",
            file: "Vanoce_predek.eps",
            variant: "Sítotisk",
            count: "100 ks",
            min_count: "500 ks",
            setting: "30%",
            additional_info: "U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?",
            express_delivery: false,
            delivery: "Aktuální termín expedice: cca 1 - 2 týdny od schválení náhledu a úhrady zálohové faktury.",
          },
          summary: {
            items: [
              {
                label: "Tisk:",
                value: "6,00 Kč/ks s DPH"
              },
              {
                label: "Tisková příprava:",
                value: "450,00 Kč/ks s DPH"
              }
            ],
            price_per_item: "2,75 Kč",
            total_price: {
              main: "90 599 990",
              base: "10 056 990",
              main_title: "Cena bez DPH",
              base_title: "Cena s DPH"
            }
          },
        }
      ]
    }
  ]
} %}

{% set comaparator_item_2 = {
  id: "PP24-00488",
  comparator_name: "Vánoční tašky Honza",
  comparator_color: "support-pink-400",
  expiration_date: "30.3.2024",
  edit_url: "/api/comparator/config-form?configuration-id=PP24-00488",
} %}

{% set comparators = {
  items: [
    comaparator_item_1,
    comaparator_item_2
  ]
} %}

{% include "@Components/groups/comparators-group/comparators-group.twig" with {props: comparators} %}

{% include "@Components/modals/edit-comparator-name-modal/edit-comparator-name-modal.twig" with {props: {
  form: {
    vars: {
      action: "",
      method: "POST",
    },
    comparator_name: {
      vars: {
        id: "comparator-name",
        full_name: "comparator-name",
        label: "Název konfigurace",
      }
    },
    color: {
      vars: {
        type: "radio",
        full_name: "color-variant",
        label: "Barva podbarvení:",
        value: "secondary-400",
        choices: [
          {
            title: "Bílá",
            utility_color: "white",
            value: "white"
          },
          {
            title: "Žlutá",
            utility_color: "secondary-400",
            value: "secondary-400",
            checked: true
          },
          {
            title: "Ružová",
            utility_color: "support-pink-400",
            value: "support-pink-400"
          },
          {
            title: "Oranžová",
            utility_color: "support-orange-400",
            value: "support-orange-400"
          },
          {
            title: "Modrá",
            utility_color: "support-blue-400",
            value: "support-blue-400"
          }
        ],
      }
    },
    submit: {
      vars: {
        label: "Uložit přejmenování",
        full_name: "comparator-save"
      }
    },
  }
}} %}

{% include "@Components/modals/print-configuration-modal/print-configuration-modal.twig" with {props: {
  modal_id: "modal-edit-configuration",
  is_comparator: true
}} %}

{% include "@Components/modals/delete-comparator-product-modal/delete-comparator-product-modal.twig" with {props: {
  delete_url: "/delete-comparator-product"
}} %}

{% include "@Components/modals/delete-configuration-modal/delete-configuration-modal.twig" with {props: {
  delete_url: "/delete-configuration"
}} %}

          



<div class="g-comparators d-flex flex-column gap-3">
      
<div class="i-comparator u-rounded-4 u-bg-tertiary-300 px-2 py-1">
  <div class="i-comparator__header d-flex flex-column flex-md-row gap-2 p-1 justify-content-between">
    <div class="d-flex gap-2 align-items-center flex-column flex-sm-row">
      <span class="u-h5 me-1">Porovnání konfigurací:</span>        <div class="d-flex align-items-center gap-1">
          <div class="d-flex flex-wrap gap-1">
            <span class="u-fw-600 flex-shrink-0 --js-comparator-id">PP24-00487</span>

            <span class="u-fw-500 u-fz-sm px-1 flex-shrink-0 u-bg-support-orange-400">Vánoční tašky Lenka</span>
                      </div>

          <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs    --icon-only  i-comparator__edit-name   i-comparator__edit-name-button --js-update-comparator-name-modal" href='#' title="Změnit název porovnávače" data-modal-target="modal-edit-comparator-name" data-comparator-id="PP24-00487" data-comparator-name="Vánoční tašky Lenka" data-comparator-color="support-orange-400">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_93297)"><path fill="#15324F" fill-rule="evenodd" d="M15.371.628a2.146 2.146 0 0 0-3.034 0L5.203 7.762v3.034h3.034l7.134-7.134c.407-.407.63-.945.63-1.517s-.223-1.11-.63-1.517Zm-1.834 1.2a.453.453 0 0 1 .64 0l.043.042a.452.452 0 0 1 .09.275.449.449 0 0 1-.132.324l-.701.7-.641-.64.7-.701ZM6.894 9.105v-.641l4.742-4.742.641.641-4.742 4.742h-.641Zm-3.447 0a3.449 3.449 0 0 0 0 6.895c1.392 0 2.262-.757 2.918-1.33.243-.21.43-.367.593-.474.162-.106.282-.147.391-.147.1 0 .2.04.33.15.133.114.278.283.47.513C8.583 15.251 9.196 16 10.25 16c1.046 0 1.666-.735 2.113-1.265l.006-.007c.201-.234.353-.407.492-.524.136-.114.239-.155.342-.155.077 0 .14.022.226.104.097.093.207.244.372.49.346.534.886 1.357 2.004 1.357H16v-1.691h-.196c-.077 0-.14-.023-.226-.105-.097-.092-.207-.244-.372-.49-.349-.537-.94-1.357-2.003-1.357-1.047 0-1.667.735-2.114 1.266l-.006.006c-.2.234-.354.407-.494.524-.137.114-.24.156-.34.156-.099 0-.199-.04-.329-.15-.134-.114-.279-.284-.47-.514-.435-.538-1.042-1.288-2.102-1.288-.904 0-1.533.55-2.082 1.028l-.01.009c-.58.5-1.06.915-1.81.915-.966 0-1.757-.791-1.757-1.756 0-.966.791-1.757 1.757-1.757h.845V9.105h-.845Z" clip-rule="evenodd"/><g clip-path="url(#clip1_3547_93297)"><path fill="#000" d="M1-147.43c-35.251 41.826-26.039 31.991-40.317 47.388C-67.165-70.017-119-14.129-119 34.999c0 66.168 53.832 120 120 120s120-53.832 120-120c0-49.128-51.835-105.016-79.683-135.041C27.053-115.424 36.262-105.591 1-147.43Zm0 262.429c-44.112 0-80-35.888-80-80C-79 1.565-30.641-50.576-9.99-72.84-5.276-77.924-1.552-81.938 1-84.994c2.548 3.051 6.273 7.068 10.99 12.153C32.641-50.576 81 1.565 81 35c0 44.112-35.888 80-80 80Z"/></g></g><defs><clipPath id="clip0_3547_93297"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath><clipPath id="clip1_3547_93297"><path fill="#fff" d="M-255-241h512v512h-512z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>
        </div>
          </div>

    <div class="d-flex align-items-center gap-3 justify-content-between justify-content-md-end">
              <div class="i-comparator__expiration-date u-rounded-100px u-bg-tertiary-500 px-2">
          <span class="u-fz-sm u-fw-500">20.3.2024</span>
        </div>
      
        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --xs    --icon-only  i-comparator__toggle-content-button" name=i-comparator__toggle-content-button title="Zobrazit porovnání konfigurací">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
    </div>
  </div>

      <div class="i-comparator__content --js-tabs">
      <div class="i-comparator__content-header d-grid py-2 py-lg-0 justify-content-center justify-content-md-between">
        <div class="i-comparator__tabs-navigation pb-1 pb-md-0 u-scrollbar" data-scrollbar-x>
          <div class="d-flex gap-1">
                                        <div class="i-comparator__tabs-navigation-item d-flex gap-2 gap-xxl-4 p-lg-3 p-2 mb-1 mb-lg-0 u-border u-border--tertiary-500 u-posr --active u-rounded-2 u-cursor-pointer --js-tabs__tab-item --js-comparator-tab" data-tab-target="tab-PP24-00487-1">
                <div class="d-flex flex-column flex-sm-row gap-1 gap-sm-2 align-items-start align-items-sm-center flex-shrink-1">
                                      <strong class="flex-shrink-1 u-clamp u-clamp-1 i-comparator__tabs-navigation-label text-break">Papírová taška hnědá Takeaway 26x16x30</strong>
                                                        <span class="u-color-text-400 u-fz-sm flex-shrink-0">(
                      6
                      )</span>
                                  </div>
                <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-comparator__delete-product   --js-comparator-delete-product" href='#' title="Odstranit product" data-modal-target="modal-delete-comparator-product" data-product-id="1" data-product-name="Papírová taška hnědá Takeaway 26x16x30" data-comparator-id="PP24-00487">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
              </div>
                                        <div class="i-comparator__tabs-navigation-item d-flex gap-2 gap-xxl-4 p-lg-3 p-2 mb-1 mb-lg-0 u-border u-border--tertiary-500 u-posr u-rounded-2 u-cursor-pointer --js-tabs__tab-item --js-comparator-tab" data-tab-target="tab-PP24-00487-2">
                <div class="d-flex flex-column flex-sm-row gap-1 gap-sm-2 align-items-start align-items-sm-center flex-shrink-1">
                                      <strong class="flex-shrink-1 u-clamp u-clamp-1 i-comparator__tabs-navigation-label text-break">Papírová taška modrá Takeaway 26x16x30</strong>
                                                        <span class="u-color-text-400 u-fz-sm flex-shrink-0">(
                      1
                      )</span>
                                  </div>
                <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-comparator__delete-product   --js-comparator-delete-product" href='#' title="Odstranit product" data-modal-target="modal-delete-comparator-product" data-product-id="2" data-product-name="Papírová taška modrá Takeaway 26x16x30" data-comparator-id="PP24-00487">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
              </div>
                                        <div class="i-comparator__tabs-navigation-item d-flex gap-2 gap-xxl-4 p-lg-3 p-2 mb-1 mb-lg-0 u-border u-border--tertiary-500 u-posr u-rounded-2 u-cursor-pointer --js-tabs__tab-item --js-comparator-tab" data-tab-target="tab-PP24-00487-3">
                <div class="d-flex flex-column flex-sm-row gap-1 gap-sm-2 align-items-start align-items-sm-center flex-shrink-1">
                                      <strong class="flex-shrink-1 u-clamp u-clamp-1 i-comparator__tabs-navigation-label text-break">Papírová taška zelená Takeaway 26x16x30</strong>
                                                        <span class="u-color-text-400 u-fz-sm flex-shrink-0">(
                      4
                      )</span>
                                  </div>
                <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-comparator__delete-product   --js-comparator-delete-product" href='#' title="Odstranit product" data-modal-target="modal-delete-comparator-product" data-product-id="3" data-product-name="Papírová taška zelená Takeaway 26x16x30" data-comparator-id="PP24-00487">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
              </div>
                      </div>
        </div>
        <a class="link d-inline-flex u-fw-600 align-items-center      i-comparator__content-delete-all mx-auto px-1 --js-delete-comparator" href="#" title="Smazat vše" data-modal-target="modal-delete-comparator-PP24-00487">
      <span class="link__title">Smazat vše</span>
  
      <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>

        
  <div class="c-modal --size-sm m-delete-comparator --hidden" id="modal-delete-comparator-PP24-00487">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Odstranit porovnání konfigurací</h2>
                      </header>
        
        <div class="c-modal__body ">
              <div class="m-delete-comparator__body d-flex flex-column">
      <h2 class="base-heading mb-0 u-fw-700 u-h5">
            Opravdu si přejete odstranit toto porovnání konfigurací
      </h2>

      <div class="d-flex align-items-center gap-1 mt-1">
                  <span class="u-fw-600">PP24-00487</span>
        
                                      <span class="px-1 u-fw-600 u-lh-24 u-fz-sm u-bg-support-orange-400">Vánoční tašky Lenka</span>
        
      </div>

      <div class="d-flex flex-column mt-5 gap-2">
        <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline        --full-width w-100  c-modal__close">
      <span class="btn__title u-z-index-1">
      Zrušit odstranění
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </span>

                  <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary        --full-width w-100" href='?delete-comparator-PP24-00487'>
      <span class="btn__title u-z-index-1">
      Opravdu odstranit
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
              </div>
    </div>
          </div>

        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>
      </div>

      <div class="i-comparator__content-tabs u-rounded-2 u-border u-border--tertiary-500 p-2 u-bg-white">
                            <div class="i-comparator__tabs-content --js-tabs__panel --active" data-panel-id="tab-PP24-00487-1">
              <div class="g-comparator-content d-grid">
    <div class="g-comparator-content__legend d-none d-lg-flex flex-column p-2 pt-0 u-border-right u-border--tertiary-500 u-posr u-z-index-1">
      <div class="g-comparator-content__legend-header --js-legend-row" data-associate="configuration-header"></div>
      <div class="g-comparator-content__legend-content">
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="configuration-id">
          <span class="u-fw-600">Konfigurace:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="product-name">
          <span class="u-fw-600">Název produktu:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="product-availability">
          <span class="u-fw-600">Dostupnost:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-type">
          <span class="u-fw-600">Potisk:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-colors">
          <span class="u-fw-600">Počet barev tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-file">
          <span class="u-fw-600">Tiskový soubor:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-variant">
          <span class="u-fw-600">Varianta tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-count">
          <span class="u-fw-600">Počet kusů k potištění:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-settings">
          <span class="u-fw-600">Nastavení tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-info">
          <span class="u-fw-600">Doplňkové info k tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="delivery">
          <span class="u-fw-600">Termín expedice:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="price">
          <span class="u-fw-600">Cena:</span>
        </div>
      </div>
    </div>
    <div class="g-comparator-content__body u-posr">
              
<div class="swiper g-comparator-slider --loading">
  <div class="swiper-wrapper">
                  <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-001' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-001">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-001</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info px-1 py-2 --js-item-row" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice</div>
        
              </div>

              <div class="i-configuration__data-row d-flex align-items-center p-2 --js-item-row" data-associate="delivery">
          <div class="d-flex justify-content-between align-items-center gap-2 flex-column flex-sm-row w-100">
            <div class="d-flex flex-column align-items-start">
              <span class="u-fz-sm u-fw-700">Expresní vyřízení</span>
              <span class="u-fz-xs">Doručení do 24h</span>
            </div>

                          <span class="u-fw-700 u-fz-sm">+1 990 Kč bez DPH</span>
                      </div>
        </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-001' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-001">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
              <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-002' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-002">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-002</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info px-1 py-2 --js-item-row" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice</div>
        
              </div>

              <div class="i-configuration__data-row d-flex align-items-center p-2 --js-item-row" data-associate="delivery">
          <div class="d-flex justify-content-between align-items-center gap-2 flex-column flex-sm-row w-100">
            <div class="d-flex flex-column align-items-start">
              <span class="u-fz-sm u-fw-700">Expresní vyřízení</span>
              <span class="u-fz-xs">Doručení do 24h</span>
            </div>

                          <span class="u-fw-700 u-fz-sm">+1 990 Kč bez DPH</span>
                      </div>
        </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-002' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-002">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
              <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-003' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-003">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-003</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info px-1 py-2 --js-item-row" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice</div>
        
              </div>

              <div class="i-configuration__data-row d-flex align-items-center p-2 --js-item-row" data-associate="delivery">
          <div class="d-flex justify-content-between align-items-center gap-2 flex-column flex-sm-row w-100">
            <div class="d-flex flex-column align-items-start">
              <span class="u-fz-sm u-fw-700">Expresní vyřízení</span>
              <span class="u-fz-xs">Doručení do 24h</span>
            </div>

                          <span class="u-fw-700 u-fz-sm">+1 990 Kč bez DPH</span>
                      </div>
        </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-003' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-003">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
              <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-004' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-004">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-004</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info px-1 py-2 --js-item-row" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice</div>
        
              </div>

              <div class="i-configuration__data-row d-flex align-items-center p-2 --js-item-row" data-associate="delivery">
          <div class="d-flex justify-content-between align-items-center gap-2 flex-column flex-sm-row w-100">
            <div class="d-flex flex-column align-items-start">
              <span class="u-fz-sm u-fw-700">Expresní vyřízení</span>
              <span class="u-fz-xs">Doručení do 24h</span>
            </div>

                          <span class="u-fw-700 u-fz-sm">+1 990 Kč bez DPH</span>
                      </div>
        </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-004' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-004">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
              <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-005' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-005">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-005</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info px-1 py-2 --js-item-row" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice</div>
        
              </div>

              <div class="i-configuration__data-row d-flex align-items-center p-2 --js-item-row" data-associate="delivery">
          <div class="d-flex justify-content-between align-items-center gap-2 flex-column flex-sm-row w-100">
            <div class="d-flex flex-column align-items-start">
              <span class="u-fz-sm u-fw-700">Expresní vyřízení</span>
              <span class="u-fz-xs">Doručení do 24h</span>
            </div>

                          <span class="u-fw-700 u-fz-sm">+1 990 Kč bez DPH</span>
                      </div>
        </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-005' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-005">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
              <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-006' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-006">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-006</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info px-1 py-2 --js-item-row" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice</div>
        
              </div>

              <div class="i-configuration__data-row d-flex align-items-center p-2 --js-item-row" data-associate="delivery">
          <div class="d-flex justify-content-between align-items-center gap-2 flex-column flex-sm-row w-100">
            <div class="d-flex flex-column align-items-start">
              <span class="u-fz-sm u-fw-700">Expresní vyřízení</span>
              <span class="u-fz-xs">Doručení do 24h</span>
            </div>

                          <span class="u-fw-700 u-fz-sm">+1 990 Kč bez DPH</span>
                      </div>
        </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-006' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-006">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
            </div>

    </div>

<div class="swiper-buttons g-comparator__buttons">
  <span class="swiper-button swiper-button-prev u-posa u-left-0 u-translate-middle-x u-z-index-1">
    <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline   --animation-left  --icon-only">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m.704 6.235 4.654-4.653 1.137 1.137-4.392 4.393L16 7.136v1.61L2.054 8.722l4.56 4.559-1.138 1.137-4.772-4.77a2.417 2.417 0 0 1 0-3.413Z"/></svg>      </span>
    </span>
  
  </span>
  </span>
  <span class="swiper-button swiper-button-next u-posa u-right-0 u-z-index-1">
    <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline   --animation-right  --icon-only">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m15.296 6.235-4.653-4.653-1.138 1.137 4.392 4.393L0 7.136v1.61l13.946-.024-4.56 4.559 1.138 1.137 4.772-4.77a2.417 2.417 0 0 0 0-3.413Z"/></svg>      </span>
    </span>
  
  </span>
  </span>
</div>
          </div>
  </div>
          </div>
                            <div class="i-comparator__tabs-content --js-tabs__panel" data-panel-id="tab-PP24-00487-2">
              <div class="g-comparator-content d-grid">
    <div class="g-comparator-content__legend d-none d-lg-flex flex-column p-2 pt-0 u-border-right u-border--tertiary-500 u-posr u-z-index-1">
      <div class="g-comparator-content__legend-header --js-legend-row" data-associate="configuration-header"></div>
      <div class="g-comparator-content__legend-content">
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="configuration-id">
          <span class="u-fw-600">Konfigurace:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="product-name">
          <span class="u-fw-600">Název produktu:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="product-availability">
          <span class="u-fw-600">Dostupnost:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-type">
          <span class="u-fw-600">Potisk:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-colors">
          <span class="u-fw-600">Počet barev tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-file">
          <span class="u-fw-600">Tiskový soubor:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-variant">
          <span class="u-fw-600">Varianta tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-count">
          <span class="u-fw-600">Počet kusů k potištění:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-settings">
          <span class="u-fw-600">Nastavení tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-info">
          <span class="u-fw-600">Doplňkové info k tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="delivery">
          <span class="u-fw-600">Termín expedice:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="price">
          <span class="u-fw-600">Cena:</span>
        </div>
      </div>
    </div>
    <div class="g-comparator-content__body u-posr">
              
<div class="swiper g-comparator-slider --loading">
  <div class="swiper-wrapper">
                  <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0 --disabled">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-002' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-002">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

          <div class="i-configuration__disabled-alert d-flex justify-content-center align-items-center p-2 u-bg-tertiary-300 w-100 u-posr overflow-hidden --js-active-hide">
        <div class="d-flex align-items-start gap-1">
            
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm flex-shrink-0">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg>      </span>
          <p class="text-start">
            Tato konfigurace již byla přidána do košíku. Pokud chcete tuto konfiguraci dále upravovat, klikněte na ikonku
              
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-configuration__disabled-alert-text-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
            “kopírovat”
          </p>
        </div>
      </div>
        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-002</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info--toggleable px-1 py-2 u-js-toggle__content --js-item-row flex-column" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?</div>
        
                  <div class="u-js-toggle__trigger u-cursor-pointer u-posr d-flex align-items-center justify-content-center mt-3 w-100">
            <div class="px-2 u-fw-600 d-flex gap-1 text-nowrap u-bg-white">
              <span class="u-js-toggle__trigger-text" data-default-title="Zobrazit více" data-active-title="Zobrazit méně">
                Zobrazit více
              </span>

                
  <span class="icon d-flex align-items-center justify-content-center --colored --text  u-js-toggle__trigger-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg>      </span>
            </div>
          </div>
              </div>

              <div class="i-configuration__data-row d-flex align-items-center p-2 --js-item-row" data-associate="delivery">
          <div class="d-flex justify-content-between align-items-center gap-2 flex-column flex-sm-row w-100">
            <div class="d-flex flex-column align-items-start">
              <span class="u-fz-sm u-fw-700">Expresní vyřízení</span>
              <span class="u-fz-xs">Doručení do 24h</span>
            </div>

                          <span class="u-fw-700 u-fz-sm">+1 990 Kč bez DPH</span>
                      </div>
        </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-002' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-002">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
            </div>

    </div>

<div class="swiper-buttons g-comparator__buttons">
  <span class="swiper-button swiper-button-prev u-posa u-left-0 u-translate-middle-x u-z-index-1">
    <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline   --animation-left  --icon-only">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m.704 6.235 4.654-4.653 1.137 1.137-4.392 4.393L16 7.136v1.61L2.054 8.722l4.56 4.559-1.138 1.137-4.772-4.77a2.417 2.417 0 0 1 0-3.413Z"/></svg>      </span>
    </span>
  
  </span>
  </span>
  <span class="swiper-button swiper-button-next u-posa u-right-0 u-z-index-1">
    <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline   --animation-right  --icon-only">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m15.296 6.235-4.653-4.653-1.138 1.137 4.392 4.393L0 7.136v1.61l13.946-.024-4.56 4.559 1.138 1.137 4.772-4.77a2.417 2.417 0 0 0 0-3.413Z"/></svg>      </span>
    </span>
  
  </span>
  </span>
</div>
          </div>
  </div>
          </div>
                            <div class="i-comparator__tabs-content --js-tabs__panel" data-panel-id="tab-PP24-00487-3">
              <div class="g-comparator-content d-grid">
    <div class="g-comparator-content__legend d-none d-lg-flex flex-column p-2 pt-0 u-border-right u-border--tertiary-500 u-posr u-z-index-1">
      <div class="g-comparator-content__legend-header --js-legend-row" data-associate="configuration-header"></div>
      <div class="g-comparator-content__legend-content">
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="configuration-id">
          <span class="u-fw-600">Konfigurace:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="product-name">
          <span class="u-fw-600">Název produktu:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="product-availability">
          <span class="u-fw-600">Dostupnost:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-type">
          <span class="u-fw-600">Potisk:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-colors">
          <span class="u-fw-600">Počet barev tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-file">
          <span class="u-fw-600">Tiskový soubor:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-variant">
          <span class="u-fw-600">Varianta tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-count">
          <span class="u-fw-600">Počet kusů k potištění:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-settings">
          <span class="u-fw-600">Nastavení tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="print-info">
          <span class="u-fw-600">Doplňkové info k tisku:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="delivery">
          <span class="u-fw-600">Termín expedice:</span>
        </div>
        <div class="g-comparator-content__legend-row px-1 py-2 d-flex align-items-center --js-legend-row" data-associate="price">
          <span class="u-fw-600">Cena:</span>
        </div>
      </div>
    </div>
    <div class="g-comparator-content__body u-posr">
              
<div class="swiper g-comparator-slider --loading">
  <div class="swiper-wrapper">
                  <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-003' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-003">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-003</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info px-1 py-2 --js-item-row" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice</div>
        
              </div>

              <div class="i-configuration__data-row d-flex align-items-center p-2 --js-item-row" data-associate="delivery">
          <div class="d-flex justify-content-between align-items-center gap-2 flex-column flex-sm-row w-100">
            <div class="d-flex flex-column align-items-start">
              <span class="u-fz-sm u-fw-700">Expresní vyřízení</span>
              <span class="u-fz-xs">Doručení do 24h</span>
            </div>

                          <span class="u-fw-700 u-fz-sm">+1 990 Kč bez DPH</span>
                      </div>
        </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-003' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-003">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
              <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0 --disabled">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-004' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-004">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

          <div class="i-configuration__disabled-alert d-flex justify-content-center align-items-center p-2 u-bg-tertiary-300 w-100 u-posr overflow-hidden --js-active-hide">
        <div class="d-flex align-items-start gap-1">
            
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm flex-shrink-0">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg>      </span>
          <p class="text-start">
            Tato konfigurace již byla přidána do košíku. Pokud chcete tuto konfiguraci dále upravovat, klikněte na ikonku
              
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-configuration__disabled-alert-text-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
            “kopírovat”
          </p>
        </div>
      </div>
        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-004</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info--toggleable px-1 py-2 u-js-toggle__content --js-item-row flex-column" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?</div>
        
                  <div class="u-js-toggle__trigger u-cursor-pointer u-posr d-flex align-items-center justify-content-center mt-3 w-100">
            <div class="px-2 u-fw-600 d-flex gap-1 text-nowrap u-bg-white">
              <span class="u-js-toggle__trigger-text" data-default-title="Zobrazit více" data-active-title="Zobrazit méně">
                Zobrazit více
              </span>

                
  <span class="icon d-flex align-items-center justify-content-center --colored --text  u-js-toggle__trigger-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg>      </span>
            </div>
          </div>
              </div>

              <div class="i-configuration__data-row d-flex align-items-center p-2 --js-item-row" data-associate="delivery">
          <div class="d-flex justify-content-between align-items-center gap-2 flex-column flex-sm-row w-100">
            <div class="d-flex flex-column align-items-start">
              <span class="u-fz-sm u-fw-700">Expresní vyřízení</span>
              <span class="u-fz-xs">Doručení do 24h</span>
            </div>

                          <span class="u-fw-700 u-fz-sm">+1 990 Kč bez DPH</span>
                      </div>
        </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-004' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-004">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
              <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-005' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-005">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-005</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info--toggleable px-1 py-2 u-js-toggle__content --js-item-row flex-column" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?</div>
        
                  <div class="u-js-toggle__trigger u-cursor-pointer u-posr d-flex align-items-center justify-content-center mt-3 w-100">
            <div class="px-2 u-fw-600 d-flex gap-1 text-nowrap u-bg-white">
              <span class="u-js-toggle__trigger-text" data-default-title="Zobrazit více" data-active-title="Zobrazit méně">
                Zobrazit více
              </span>

                
  <span class="icon d-flex align-items-center justify-content-center --colored --text  u-js-toggle__trigger-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg>      </span>
            </div>
          </div>
              </div>

              <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-2 --js-item-row" data-associate="delivery">
                      <span class="u-fw-600 u-fz-sm">Aktuální termín expedice: cca 1 - 2 týdny od schválení náhledu a úhrady zálohové faktury.</span>
                  </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-005' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-005">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
              <div class="swiper-slide">
          
<div class="i-configuration p-2 pt-0 text-center d-flex flex-column flex-shrink-0">
  <div class="--js-item-row" data-associate="configuration-header">
    <div class="i-configuration__header d-flex align-items-center justify-content-end u-border-bottom u-border--tertiary-500 mb-2">
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__edit   i-configuration__edit-icon-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-006' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__clone   i-configuration__clone-button --js-copy-comparator-item" name=i-configuration__clone title="Kopírovat konfiguraci">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M7.342 0C6.198 0 5.267.93 5.267 2.074v8.659H16V2.073C16 .93 15.07 0 13.926 0H7.342Zm-.56 2.074c0-.308.25-.56.56-.56h6.584a.56.56 0 0 1 .56.56v7.144H6.782V2.074ZM2.074 5.267C.93 5.267 0 6.198 0 7.342V16h10.732v-4.148H9.219v2.634H1.514V7.342c0-.309.251-.56.56-.56h2.074V5.267H2.074Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs  --animation-zoom  --icon-only  i-configuration__delete   --js-delete-configuration" href='#' title="Odstranit konfiguraci" data-modal-target="modal-delete-configuration" data-configuration-id="PP23-00487-006">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>

        <div class="i-configuration__figure">
      <figure class="i-configuration__image d-block u-posr overflow-hidden u-img-hover">
                  <a href="https://www.google.com" target="_blank" class="i-configuration__image-link d-flex align-items-center" title="Papírová taška hnědá ExtraTWIST 22x10x28">
                                    <div class="img u-posr overflow-hidden --cover  --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://i.imgur.com/8k4gve7.png" alt="" width="308" height="308" draggable="false">
  </picture>
</div>
                                    </a>
        
                    <div class="g-tags d-flex flex-wrap gap-1 u-posa u-top-0 u-left-0 mt-1 ms-1 align-items-start flex-column u-z-index-1">
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-blue-400 --xs    u-lh-16">
      <span class="i-tag__title">Limitovaná edice</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-pink-400 --xs    u-lh-16">
      <span class="i-tag__title">Novinka</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-violet-400 --xs    u-lh-16">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
              </figure>
    </div>
  </div>

  <div class="i-configuration__data">
    <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="configuration-id">
              <span class="u-fw-600">PP23-00487-006</span>
          </div>
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="product-name">
                  <span class="u-fw-600">Papírová taška hnědá ExtraTWIST 22x10x28</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-1 --js-item-row" data-associate="product-availability">
                  <div class="i-availability u-fz-sm d-flex flex-column --available  i-configuration__availability align-items-center">  
  <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>

    Skladem
  </div>
  <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400">
          ( 52265 Ks )
      </span>

  </div>
              </div>
    
          <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-type">
                  <span class="u-fw-600">Potisk obou stran - jiný motiv</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-colors">
                  <span class="u-fw-600">5 barev / 2 barvy</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-file">
                  <div class="i-selected-file d-inline-flex gap-1 u-fz-12 u-fw-600 px-2 py-1 u-rounded-4 align-items-center justify-content-center">
            <span class="i-selected-file__title u-fz-sm u-fw-600">Vanoce_predek.eps</span>
          </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-variant">
                  <span class="u-fw-600">Sítotisk</span>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-3 py-2 --js-item-row" data-associate="print-count">
                  <div class="w-100 u-rounded-100px u-posr d-flex align-items-center justify-content-center u-border u-border--tertiary-500 p-2">
            <span class="u-fw-600 u-fz-sm u-lh-16">100 ks</span>
                          <span class="u-bg-white px-1 u-posa u-top-0 u-left-50-p u-translate-middle u-fz-xs u-fw-500">Min.
                500 ks</span>
                      </div>
              </div>
      <div class="i-configuration__data-row d-flex align-items-center justify-content-center px-1 py-2 --js-item-row" data-associate="print-settings">
                  <span class="u-fw-600">30%</span>
              </div>
            <div class="i-configuration__data-row d-flex align-items-center justify-content-center i-configuration__data-row--additional-info--toggleable px-1 py-2 u-js-toggle__content --js-item-row flex-column" data-associate="print-info">
                  <div class="i-configuration__data-row--additional-info-text u-posr">U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt at animi, sapiente, beatae consequuntur voluptatibus totam rerum aliquam accusantium, ex dignissimos exercitationem cupiditate quae! Ipsum sapiente ex repellat esse odio?</div>
        
                  <div class="u-js-toggle__trigger u-cursor-pointer u-posr d-flex align-items-center justify-content-center mt-3 w-100">
            <div class="px-2 u-fw-600 d-flex gap-1 text-nowrap u-bg-white">
              <span class="u-js-toggle__trigger-text" data-default-title="Zobrazit více" data-active-title="Zobrazit méně">
                Zobrazit více
              </span>

                
  <span class="icon d-flex align-items-center justify-content-center --colored --text  u-js-toggle__trigger-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg>      </span>
            </div>
          </div>
              </div>

              <div class="i-configuration__data-row d-flex align-items-center justify-content-center p-2 --js-item-row" data-associate="delivery">
                      <span class="u-fw-600 u-fz-sm">Aktuální termín expedice: cca 1 - 2 týdny od schválení náhledu a úhrady zálohové faktury.</span>
                  </div>
          
          <div class="i-configuration__data-row d-flex justify-content-center flex-column i-configuration__data-row--price px-1 py-2 --js-item-row" data-associate="price">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 pb-2 mb-2 w-100">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisk:</span>
                                                  <span>6,00 Kč/ks s DPH</span>
                              </div>
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm flex-column flex-sm-row mb-2 mb-sm-0">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end w-100">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1 u-fz-xs">
              <span class="u-fw-600">Cena za 1 ks</span>
              <span class="u-fw-600">2,75 Kč</span>
            </div>
          </div>
        
        <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-white">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
              <span class="i-price__title u-fz-md u-fw-700">Cena bez DPH</span>
      
      <span class="i-price__main u-fw-700">
        <span class="">
          90 599 990
        </span>
                  Kč              </span>
    </div>
  
      <div class="i-price__row i-price__base d-flex justify-content-end align-items-center gap-1">

              <span class="i-price__title u-fz-sm u-fw-500 u-color-tertiary-600">Cena s DPH</span>
      
      <span class="i-price__base u-fw-500 u-color-tertiary-600">
        10 056 990
         Kč      </span>
    </div>
  </div>
      </div>
    
  </div>
  <div class="i-configuration__footer d-flex gap-2 justify-content-between mt-auto flex-column flex-sm-row">
    <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --sm    --icon-only     i-configuration__edit-button --js-edit-configuration" href='/api/comparator/config-form?configuration-id=PP23-00487-006' title="Upravit konfiguraci" data-modal-target="modal-edit-configuration" data-loading-target="f-print-configuration" data-configuration-id="PP23-00487-006">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_100168)"><path fill="currentColor" fill-rule="evenodd" d="M11.284 1.522a3.44 3.44 0 0 0-2.754.995 3.441 3.441 0 0 0-.982 2.873 2.923 2.923 0 0 1-.828 2.436l-4.851 4.85a.975.975 0 0 0 1.379 1.38l4.85-4.85a2.923 2.923 0 0 1 2.437-.829c1.023.13 2.09-.199 2.873-.983a3.44 3.44 0 0 0 .995-2.754l-1.375 1.375a2.205 2.205 0 0 1-3.088.03c-.904-.87-.87-2.308-.01-3.168l1.354-1.355Zm-3.873-.124A5.032 5.032 0 0 1 12.723.239l.162.06.93.931-2.766 2.767c-.262.26-.249.679-.011.907.243.235.63.232.87-.008l2.787-2.786.93.93.06.162a5.032 5.032 0 0 1-5.348 6.746 1.34 1.34 0 0 0-1.119.377l-4.85 4.85a2.558 2.558 0 1 1-3.619-3.618L5.6 6.707c.29-.29.43-.702.377-1.12a5.024 5.024 0 0 1 1.434-4.19Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3547_100168"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>

    <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --sm          i-configuration__cart-add flex-grow-1 --js-cart-add" type="button" aria-label="Do košíku" data-product-id="" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Do košíku
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
  </div>
</div>
        </div>
            </div>

    </div>

<div class="swiper-buttons g-comparator__buttons">
  <span class="swiper-button swiper-button-prev u-posa u-left-0 u-translate-middle-x u-z-index-1">
    <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline   --animation-left  --icon-only">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m.704 6.235 4.654-4.653 1.137 1.137-4.392 4.393L16 7.136v1.61L2.054 8.722l4.56 4.559-1.138 1.137-4.772-4.77a2.417 2.417 0 0 1 0-3.413Z"/></svg>      </span>
    </span>
  
  </span>
  </span>
  <span class="swiper-button swiper-button-next u-posa u-right-0 u-z-index-1">
    <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline   --animation-right  --icon-only">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="m15.296 6.235-4.653-4.653-1.138 1.137 4.392 4.393L0 7.136v1.61l13.946-.024-4.56 4.559 1.138 1.137 4.772-4.77a2.417 2.417 0 0 0 0-3.413Z"/></svg>      </span>
    </span>
  
  </span>
  </span>
</div>
          </div>
  </div>
          </div>
              </div>
    </div>
  </div>
      
<div class="i-comparator u-rounded-4 u-bg-tertiary-300 px-2 py-1">
  <div class="i-comparator__header d-flex flex-column flex-md-row gap-2 p-1 justify-content-between">
    <div class="d-flex gap-2 align-items-center flex-column flex-sm-row">
      <span class="u-h5 me-1">Porovnání konfigurací:</span>        <div class="d-flex align-items-center gap-1">
          <div class="d-flex flex-wrap gap-1">
            <span class="u-fw-600 flex-shrink-0 --js-comparator-id">PP24-00488</span>

            <span class="u-fw-500 u-fz-sm px-1 flex-shrink-0 u-bg-support-pink-400">Vánoční tašky Honza</span>
                      </div>

          <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs    --icon-only  i-comparator__edit-name   i-comparator__edit-name-button --js-update-comparator-name-modal" href='#' title="Změnit název porovnávače" data-modal-target="modal-edit-comparator-name" data-comparator-id="PP24-00488" data-comparator-name="Vánoční tašky Honza" data-comparator-color="support-pink-400">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3547_93297)"><path fill="#15324F" fill-rule="evenodd" d="M15.371.628a2.146 2.146 0 0 0-3.034 0L5.203 7.762v3.034h3.034l7.134-7.134c.407-.407.63-.945.63-1.517s-.223-1.11-.63-1.517Zm-1.834 1.2a.453.453 0 0 1 .64 0l.043.042a.452.452 0 0 1 .09.275.449.449 0 0 1-.132.324l-.701.7-.641-.64.7-.701ZM6.894 9.105v-.641l4.742-4.742.641.641-4.742 4.742h-.641Zm-3.447 0a3.449 3.449 0 0 0 0 6.895c1.392 0 2.262-.757 2.918-1.33.243-.21.43-.367.593-.474.162-.106.282-.147.391-.147.1 0 .2.04.33.15.133.114.278.283.47.513C8.583 15.251 9.196 16 10.25 16c1.046 0 1.666-.735 2.113-1.265l.006-.007c.201-.234.353-.407.492-.524.136-.114.239-.155.342-.155.077 0 .14.022.226.104.097.093.207.244.372.49.346.534.886 1.357 2.004 1.357H16v-1.691h-.196c-.077 0-.14-.023-.226-.105-.097-.092-.207-.244-.372-.49-.349-.537-.94-1.357-2.003-1.357-1.047 0-1.667.735-2.114 1.266l-.006.006c-.2.234-.354.407-.494.524-.137.114-.24.156-.34.156-.099 0-.199-.04-.329-.15-.134-.114-.279-.284-.47-.514-.435-.538-1.042-1.288-2.102-1.288-.904 0-1.533.55-2.082 1.028l-.01.009c-.58.5-1.06.915-1.81.915-.966 0-1.757-.791-1.757-1.756 0-.966.791-1.757 1.757-1.757h.845V9.105h-.845Z" clip-rule="evenodd"/><g clip-path="url(#clip1_3547_93297)"><path fill="#000" d="M1-147.43c-35.251 41.826-26.039 31.991-40.317 47.388C-67.165-70.017-119-14.129-119 34.999c0 66.168 53.832 120 120 120s120-53.832 120-120c0-49.128-51.835-105.016-79.683-135.041C27.053-115.424 36.262-105.591 1-147.43Zm0 262.429c-44.112 0-80-35.888-80-80C-79 1.565-30.641-50.576-9.99-72.84-5.276-77.924-1.552-81.938 1-84.994c2.548 3.051 6.273 7.068 10.99 12.153C32.641-50.576 81 1.565 81 35c0 44.112-35.888 80-80 80Z"/></g></g><defs><clipPath id="clip0_3547_93297"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath><clipPath id="clip1_3547_93297"><path fill="#fff" d="M-255-241h512v512h-512z"/></clipPath></defs></svg>      </span>
    </span>
  
  </a>
        </div>
          </div>

    <div class="d-flex align-items-center gap-3 justify-content-between justify-content-md-end">
              <div class="i-comparator__expiration-date u-rounded-100px u-bg-tertiary-500 px-2">
          <span class="u-fz-sm u-fw-500">30.3.2024</span>
        </div>
      
        <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --xs    --icon-only  i-comparator__toggle-content-button" name=i-comparator__toggle-content-button title="Zobrazit porovnání konfigurací">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
    </div>
  </div>

  </div>
  </div>


  <div class="c-modal --size-sm m-edit-comparator-name --hidden" id="modal-edit-comparator-name">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Editace názvu porovnání konfigurací</h2>
                      </header>
        
        <div class="c-modal__body ">
              <div class="m-edit-comparator-name__body d-flex flex-column">
      
  
  <form class="base-form  d-flex flex-column gap-2 pt-2" name=f-edit-comparator-name>
  
    <input type="hidden" class="f-hidden f-edit-comparator-name__id-input --js-comparator-id-input" name="comparator-id">

          <div class="f-edit-comparator-name__name-visual d-flex gap-1 u-border u-border--tertiary-500 u-rounded-100px px-3 py-2 u-posr --js-comparator-name-visual">
                  <span class="u-posa u-top-0 u-translate-middle-y u-left-0 ms-3 u-fw-500 u-fz-xs u-bg-white px-1">Název konfigurace</span>
        
        <input type="hidden" class="f-hidden --js-comparator-name-input" name="comparator-name" id="comparator-name">

        <span class="u-fw-600 u-color-text-400 --js-comparator-id-span">
                  </span>

                <span class="u-fw-600 u-color-text-500 px-1 --js-comparator-name-span u-bg-secondary-400" contenteditable="true">
                  </span>
      </div>
    
          <div class="d-flex flex-column flex-sm-row align-items-center justify-content-between gap-2 pe-sm-1">
                  <span class="u-fw-600">Barva podbarvení:</span>
        
                  <div class="g-colors d-flex flex-wrap gap-2 f-edit-comparator-name__colors --js-color-selector">
              <label class="f-color u-posr u-rounded-full --lg --radio     --has-bg-class u-bg-white" style="--background-color:conic-gradient(
    )">
      <input class="f-color__input" type="radio" value="white" name=color-variant title="Bílá"></input>
  
  <span class="f-color__visual d-flex align-items-center justify-content-center u-posa u-inset-0 u-rounded-full"></span>

  

</label>
                  <label class="f-color u-posr u-rounded-full --lg --radio    --checked --has-bg-class u-bg-secondary-400" style="--background-color:conic-gradient(
    )">
      <input class="f-color__input" type="radio" value="secondary-400" checked="checked" name=color-variant title="Žlutá"></input>
  
  <span class="f-color__visual d-flex align-items-center justify-content-center u-posa u-inset-0 u-rounded-full"></span>

  

</label>
              <label class="f-color u-posr u-rounded-full --lg --radio     --has-bg-class u-bg-support-pink-400" style="--background-color:conic-gradient(
    )">
      <input class="f-color__input" type="radio" value="support-pink-400" name=color-variant title="Ružová"></input>
  
  <span class="f-color__visual d-flex align-items-center justify-content-center u-posa u-inset-0 u-rounded-full"></span>

  

</label>
              <label class="f-color u-posr u-rounded-full --lg --radio     --has-bg-class u-bg-support-orange-400" style="--background-color:conic-gradient(
    )">
      <input class="f-color__input" type="radio" value="support-orange-400" name=color-variant title="Oranžová"></input>
  
  <span class="f-color__visual d-flex align-items-center justify-content-center u-posa u-inset-0 u-rounded-full"></span>

  

</label>
              <label class="f-color u-posr u-rounded-full --lg --radio     --has-bg-class u-bg-support-blue-400" style="--background-color:conic-gradient(
    )">
      <input class="f-color__input" type="radio" value="support-blue-400" name=color-variant title="Modrá"></input>
  
  <span class="f-color__visual d-flex align-items-center justify-content-center u-posa u-inset-0 u-rounded-full"></span>

  

</label>
  </div>
              </div>
    
    <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline        --full-width w-100  c-modal__close mt-2">
      <span class="btn__title u-z-index-1">
      Zrušit přejmenování
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </span>

            <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary       comparator-save --full-width w-100" type="submit" aria-label="Uložit přejmenování" name=comparator-save>
      <span class="btn__title u-z-index-1">
      Uložit přejmenování
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M16 2.362v11.614A2.026 2.026 0 0 1 13.976 16H2.024A2.026 2.026 0 0 1 0 13.976V2.024C0 .908.908 0 2.024 0h11.614L16 2.362ZM9.593 4.817H11V1.61H5v3.207h2.984v-2.29h1.609v2.29ZM2.024 14.39h11.952a.415.415 0 0 0 .414-.414V3.029L12.971 1.61h-.362v4.817H3.39V1.61H2.024a.415.415 0 0 0-.414.414v11.952c0 .228.186.414.414.414Zm8.268-1.78H3.44V11h6.852v1.61ZM8.119 10H3.44V8.39h4.679V10Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
      </form>
    </div>
          </div>

        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>


  <div class="c-modal --size-xxl m-print-configuration --comparator --hidden" id="modal-edit-configuration">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Konfigurace potisku této tašky</h2>
                      </header>
        
        <div class="c-modal__body ">
              
    <div class="m-print-configuration__form">
          </div>
          </div>

        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>


  <div class="c-modal --size-sm m-delete-comparator-product --hidden" id="modal-delete-comparator-product">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Odstranit produkt</h2>
                      </header>
        
        <div class="c-modal__body ">
              <h2 class="base-heading mb-0 u-fw-700 u-h5 m-delete-comparator-product__subtitle">
            Opravdu si přejete odstranit produkt z konfigurace tisku?
      </h2>

    <div class="u-fw-600 mt-1 --js-product-name">
          </div>

    <div class="d-flex flex-column gap-2 mt-5">
      <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline        --full-width w-100  c-modal__close">
      <span class="btn__title u-z-index-1">
      Zrušit odstranění
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </span>

              <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary        --full-width w-100  m-delete-comparator-product__delete-button --js-delete-product-confirm" href='#' data-default-url="/delete-comparator-product">
      <span class="btn__title u-z-index-1">
      Opravdu odstranit
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
          </div>
          </div>

        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>


  <div class="c-modal --size-sm m-delete-configuration --hidden" id="modal-delete-configuration">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Odstranit konfiguraci</h2>
                      </header>
        
        <div class="c-modal__body ">
              <h2 class="base-heading mb-0 u-fw-700 u-h5">
            Opravdu si přejete odstranit konfiguraci tisku?
      </h2>

    <div class="u-fw-600 mt-1 --js-configuration-id">
          </div>

    <div class="d-flex flex-column gap-2 mt-5">
      <span class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline        --full-width w-100  c-modal__close">
      <span class="btn__title u-z-index-1">
      Zrušit odstranění
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </span>

                      <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary        --full-width w-100  m-delete-configuration__delete-button --js-delete-configuration-confirm" href='/delete-configuration' data-default-url="/delete-configuration">
      <span class="btn__title u-z-index-1">
      Opravdu odstranit
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
          </div>
          </div>

        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>