Stylebook

30%

Doprava zdarma Top produkt Novinka Akce

Papírová taška hnědá ExtraTWIST 18x8x24

Nejmenší hnědá papírová taška s krouceným uchem z řady ExtraTWIST. Její rozměr 18x8x24 a provedení je vhodné na malé dárky nebo pro nákupy šperků, modních doplňků apod. Nejmenší hnědá papírová taška s krouceným uchem z řady ExtraTWIST. Její rozměr 18x8x24 a provedení je vhodné na malé dárky nebo pro nákupy šperků, modních doplňků apod. Nejmenší… Parametry

Kód produktu:
ETHN01

Váš status:

Info ohledn statusu uživatele

VIP gold

Barva:

Vaše ceny

Min. 100 ks. 2,75Kč

Od 1 000 ks. 2,65Kč

Od 3 000 ks. 2,50Kč

Od 5 000 ks. 2,40Kč

Od 10 000 ks. 2,00Kč

Min. 100 ks

Skladem

Skladem
( 38500 Ks )
Dodání do 3 pracovních dnů

100

ks

Min. 100 ks

Chci vlastní potisk tašky

Dodání do 3 pracovních dnů Od 190 Kč s DPH

Cena za 1 ks:

20,75 Kč

Cena celkem bez DPH: 20,75 Kč bez DPH

Poptat potisk Objednat potisk

Konfigurace potisku této tašky

Konfigurace potisku této tašky

Nezávazná poptávka potisku této tašky

Potisk pouze přední strany

Potisk obou stran stejným motivem

Potisk obou stran odlišným motivem

Potisk přední strany

Počet barev tisku

Váš status ( má dopad na konečnou cenu )

1 bar.

2 bar.

3 bar.

4 bar.

5 bar.

CMYK

CMYK+ bílá

Tiskový soubor

Váš status ( má dopad na konečnou cenu )

Připojit další soubor (PDF, EPS, AI)

Potisk zadní strany

Počet barev tisku

Váš status ( má dopad na konečnou cenu )

1 bar.

2 bar.

3 bar.

4 bar.

5 bar.

CMYK

CMYK+ bílá

Tiskový soubor

Váš status ( má dopad na konečnou cenu )

Připojit další soubor (PDF, EPS, AI)

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

Min. 100 ks

Skladem

100

ks

Min. 100 ks

Varianty tisku

Sítotisk (Min. 500 Ks)

Výroba:

1 - 2 týdny

Tisk:

6,00 Kč/ks bez DPH

Sítotisk je vhodným potiskem na většinu tašek z našeho e-shopu. Touto technologií jsme schopni tisknout jak na kraftové tašky, luxusní laminované tašky, úzké vínové tašky, tak i na tašky látkové, včetně bavlněných batůžků.

+ Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev

+ Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno

+ Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA

+ Tisknout lze na přední i zadní stranu

- Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev

- Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno

- Tisknout lze na přední i zadní stranu

Zobrazit více

Flexotisk (Min. 100 Ks)

Výroba:

1 - 2 týdny

Tisk:

6,00 Kč/ks bez DPH

Sítotisk je vhodným potiskem na většinu tašek z našeho e-shopu. Touto technologií jsme schopni tisknout jak na kraftové tašky, luxusní laminované tašky, úzké vínové tašky, tak i na tašky látkové, včetně bavlněných batůžků.

+ Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev

+ Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno

+ Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA

+ Tisknout lze na přední i zadní stranu

- Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev

- Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno

- Tisknout lze na přední i zadní stranu

Zobrazit více

Digitisk (Min. 100 Ks)

Výroba:

1 - 2 týdny

Tisk:

6,00 Kč/ks bez DPH

Sítotisk je vhodným potiskem na většinu tašek z našeho e-shopu. Touto technologií jsme schopni tisknout jak na kraftové tašky, luxusní laminované tašky, úzké vínové tašky, tak i na tašky látkové, včetně bavlněných batůžků.

+ Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev

+ Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno

+ Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA

+ Tisknout lze na přední i zadní stranu

- Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev

- Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno

- Tisknout lze na přední i zadní stranu

Zobrazit více

Základní barva

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum quibusdam, possimus optio repellat distinctio, ipsam voluptatum officiis officia impedit nihil cum aspernatur, quia quod sed quisquam neque cupiditate quasi debitis!

Barva na přání

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum quibusdam, possimus optio repellat distinctio, ipsam voluptatum officiis officia impedit nihil cum aspernatur, quia quod sed quisquam neque cupiditate quasi debitis!

Kód Pantone U

Příplatek za 1 individuální barvu 800 Kč

Max. výška potisku v cm

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci culpa excepturi neque aliquid voluptas nostrum nam nobis. Nesciunt quo eum labore nihil quis, tenetur minima, laborum explicabo esse cupiditate voluptatum!

Max. šířka potisku v cm

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci culpa excepturi neque aliquid voluptas nostrum nam nobis. Nesciunt quo eum labore nihil quis, tenetur minima, laborum explicabo esse cupiditate voluptatum!

Opakovaná objednávka

Test Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero eum fuga aliquid, culpa consectetur dolorum expedita neque repellendus ex sed molestiae? Vero ipsam deserunt modi asperiores quasi, similique amet nostrum?

Skvělé, zvolili jste variantu opakované výroby, Váš štoček máme v archívu, tedy jej neplatíte. V tomto případě nebude možná jakákoliv úprava tiskového motivu.

Zvolte pokrytí tisku:

10% Popis velikosti tisku
50% Popis velikosti tisku
70% Popis velikosti tisku

30%

50%

70%

Doplňkové info k tisku

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

Expresní vyřízení Doručení do 24h
+99 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č

Vaše akční cena bez DPH 90 599 990 Kč

Vaše akční cena s DPH 10 056 990 Kč

Uložit konfiguraci do srovnávače

Zobrazit srovnávač konfigurací

Přidat poptávku tisku do košíku

        {% set detail_form = {
  product_id: {
    vars: {
      full_name: "product-id",
      value: "product_2"
    },
  },
  count: {
    vars: {
      full_name: "product-quantity",
      value: "100",
      min: 100,
      max: 50000,
    },
  },
  color: {
    vars: {
      type: "radio",
      full_name: "color-variant",
      choices: [
        {
          title: "Bílá",
          colors: [
            "#FFFFFF"
          ]
        },
        {
          title: "Hnědá",
          checked: true,
          colors: [
            "#CFAF8A"
          ]
        },
        {
          title: "Modrá",
          colors: [
            "#677DCD"
          ]
        }
      ],
    }
  },
  print: {
    vars: {
      title: "Chci vlastní potisk tašky",
      full_name: "print"
    }
  },
  _token: {
    vars: {
      value: "asdasdasdasdasjhdasdadasd",
      full_name: "product[_token]",
      id: "product[_token]"
    }
  },
} %}

{% set product_detail = {
  title: "Papírová taška hnědá ExtraTWIST 18x8x24",
  perex: "Nejmenší hnědá papírová taška s krouceným uchem z řady ExtraTWIST. Její rozměr 18x8x24 a provedení je vhodné na malé dárky nebo pro nákupy  šperků, modních doplňků apod. Nejmenší hnědá papírová taška s krouceným uchem z řady ExtraTWIST. Její rozměr 18x8x24 a provedení je vhodné na malé dárky nebo pro nákupy šperků, modních doplňků apod. Nejmenší hnědá papírová taška s krouceným uchem z řady ExtraTWIST. Její rozměr 18x8x24 a provedení je vhodné na malé dárky nebo pro nákupy šperků, modních doplňků apod.",
  gallery: {
    main: [
      {
        src: "https://placehold.co/688x688s",
        srcset: [
        "https://placehold.co/688x688s 1x",
        "https://placehold.co/1376x1376 2x"
      ]
      },
      {
        src: "https://placehold.co/688x688",
        srcset: [
        "https://placehold.co/688x688 1x",
        "https://placehold.co/1376x1376 2x"
      ]
      },
      {
        src: "https://placehold.co/688x688s",
        srcset: [
          "https://placehold.co/688x688s 1x",
          "https://placehold.co/1376x1376 2x"
        ]
      },
      {
        src: "https://placehold.co/688x688",
        srcset: [
          "https://placehold.co/688x688 1x",
          "https://placehold.co/1376x1376 2x"
        ]
      },
      {
        src: "https://placehold.co/688x688s",
        srcset: [
          "https://placehold.co/688x688s 1x",
          "https://placehold.co/1376x1376 2x"
        ]
      },
      {
        src: "https://placehold.co/688x688s",
        srcset: [
          "https://placehold.co/688x688s 1x",
          "https://placehold.co/1376x1376 2x"
        ]
      },
      {
        src: "https://placehold.co/688x688s",
        srcset: [
          "https://placehold.co/688x688s 1x",
          "https://placehold.co/1376x1376 2x"
        ]
      }
    ],
    thumbnails: [
      {
        src: "https://placehold.co/88x88 1x",
        srcset: [
        "https://placehold.co/88x88 1x",
        "https://placehold.co/176x176 2x"
      ]
      },
      {
        src: "https://placehold.co/88x88 1x",
        srcset: [
        "https://placehold.co/88x88 1x",
        "https://placehold.co/176x176 2x"
      ]
      },
      {
        src: "https://placehold.co/88x88 1x",
        srcset: [
        "https://placehold.co/88x88 1x",
        "https://placehold.co/176x176 2x"
      ]
      },
      {
        src: "https://placehold.co/88x88 1x",
        srcset: [
          "https://placehold.co/88x88 1x",
          "https://placehold.co/176x176 2x"
        ]
      },
      {
        src: "https://placehold.co/88x88 1x",
        srcset: [
          "https://placehold.co/88x88 1x",
          "https://placehold.co/176x176 2x"
        ]
      },
      {
        src: "https://placehold.co/88x88 1x",
        srcset: [
          "https://placehold.co/88x88 1x",
          "https://placehold.co/176x176 2x"
        ]
      },
      {
        src: "https://placehold.co/88x88 1x",
        srcset: [
          "https://placehold.co/88x88 1x",
          "https://placehold.co/176x176 2x"
        ]
      }
    ]
  },
  tags: [
    {
      title: "Doprava zdarma",
      color: "support-blue-400"
    },
    {
      title: "Top produkt",
      color: "support-pink-400"
    },
    {
      title: "Novinka",
      color: "support-orange-400"
    },
    {
      title: "Akce",
      color: "secondary-400"
    }
  ],
  form: detail_form,
  parameters: {
    product_code: "ETHN01",
    status: {
      info: "Info ohledn statusu uživatele",
      title: "VIP gold"
    }
  },
  pricelist: [
    {
      label: "Min. 100 ks.",
      min_count: 100,
      price: 2.75
    },
    {
      label: "Od 1 000 ks.",
      min_count: 1000,
      price: 2.65
    },
    {
      label: "Od 3 000 ks.",
      min_count: 3000,
      price: 2.50
    },
    {
      label: "Od 5 000 ks.",
      min_count: 5000,
      price: 2.40
    },
    {
      label: "Od 10 000 ks.",
      min_count: 10000,
      price: 2.00
    }
  ],
  availability: {
    title: "Skladem",
    status: "available",
    quantity: 38500,
    info: "Dodání do 3 pracovních dnů"
  },
  discount: "30%",
  price: {
    main: "20,75",
    currency: "Kč"
  },
  print_availability: "Dodání do 3 pracovních dnů",
  print_price: "Od 190 Kč s DPH",
  lowest_price: "2 490 Kč",
  alternatives_url: "#",
  print_configuration_form: {
    vars: {
      action: "",
      method: "POST",
      id: "print-configuration-form-id",
      full_name: "print-configuration-form"
    },
    printingType: {
      vars: {
        full_name: "print_type",
        choices: [
          {
            title: "Potisk pouze přední strany",
            value: "front_only",
            checked: true,
            data: {
              "front-title": "Potisk přední strany",
              "show-front": "true"
            }
          },
          {
            title: "Potisk obou stran stejným motivem",
            value: "both_same",
            data: {
              "front-title": "Potisk přední a zadní strany stejným motivem",
              "show-front": "true"
            }
          },
          {
            title: "Potisk obou stran odlišným motivem",
            value: "both_different",
            data: {
              "front-title": "Potisk přední strany",
              "show-front": "true",
              "back-title": "Potisk zadní strany",
              "show-back": "true"
            }
          }
        ]
      }
    },
    colorsFront: {
      vars: {
        full_name: "color-front",
        choices: [
          {
            label: "1 bar.",
            value: "1-color",
            checked: true,
          },
          {
            label: "2 bar.",
            value: "2-colors"
          },
          {
            label: "3 bar.",
            value: "3-colors"
          },
          {
            label: "4 bar.",
            value: "4-colors"
          },
          {
            label: "5 bar.",
            value: "5-colors"
          },
          {
            label: "CMYK",
            value: "cmyk"
          },
          {
            label: "CMYK+ bílá",
            value: "cmyk+white"
          }
        ]
      }
    },
    printFileFront: {
      vars: {
        full_name: "print-file-front",
        label: "Připojit další soubor",
        description: "(PDF, EPS, AI)",
        multiple: false
      }
    },
    colorsBack: {
      vars: {
        full_name: "color-back",
        choices: [
          {
            label: "1 bar.",
            value: "1-color",
            checked: true,
          },
          {
            label: "2 bar.",
            value: "2-colors"
          },
          {
            label: "3 bar.",
            value: "3-colors"
          },
          {
            label: "4 bar.",
            value: "4-colors"
          },
          {
            label: "5 bar.",
            value: "5-colors"
          },
          {
            label: "CMYK",
            value: "cmyk"
          },
          {
            label: "CMYK+ bílá",
            value: "cmyk+white"
          }
        ]
      }
    },
    printFileBack: {
      vars: {
        full_name: "print-file-back",
        label: "Připojit další soubor",
        description: "(PDF, EPS, AI)",
        multiple: false
      }
    },
    product: {
      min_order_count: 100,
      max_order_count: 50000,
      availability: {
        title: "Skladem",
        status: "available",
        quantity: 38500,
        info: "Dodání do 3 pracovních dnů"
      },
      count: {
        vars: {
          full_name: "count",
          label: "Počet kusů k potištění"
        }
      },
    },
    print_variants: [
      {
        label: "Sítotisk",
        full_name: "print-type",
        value: "screen_print",
        label_description: "(Min. 500 Ks)",
        delivery_span: "1 - 2 týdny",
        price: "6,00 Kč/ks bez DPH",
        description: "<p>Sítotisk je vhodným potiskem na většinu tašek z našeho e-shopu. Touto technologií jsme schopni tisknout jak na kraftové tašky, luxusní laminované tašky, úzké vínové tašky, tak i na tašky látkové, včetně bavlněných batůžků.</p>",
        pros: [
          "Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev",
          "Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno",
          "Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA",
          "Tisknout lze na přední i zadní stranu"
        ],
        cons: [
          "Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev",
          "Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno",
          "Tisknout lze na přední i zadní stranu"
        ],
        checked: true
      },
      {
        label: "Flexotisk",
        full_name: "print-type",
        value: "flexoprint",
        label_description: "(Min. 100 Ks)",
        delivery_span: "1 - 2 týdny",
        price: "6,00 Kč/ks bez DPH",
        description: "<p>Sítotisk je vhodným potiskem na většinu tašek z našeho e-shopu. Touto technologií jsme schopni tisknout jak na kraftové tašky, luxusní laminované tašky, úzké vínové tašky, tak i na tašky látkové, včetně bavlněných batůžků.</p>",
        pros: [
          "Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev",
          "Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno",
          "Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA",
          "Tisknout lze na přední i zadní stranu"
        ],
        cons: [
          "Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev",
          "Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno",
          "Tisknout lze na přední i zadní stranu"
        ],
        target_fieldset_id: "flexoprint"
      },
      {
        label: "Digitisk",
        full_name: "print-type",
        value: "digiprint",
        label_description: "(Min. 100 Ks)",
        delivery_span: "1 - 2 týdny",
        price: "6,00 Kč/ks bez DPH",
        description: "<p>Sítotisk je vhodným potiskem na většinu tašek z našeho e-shopu. Touto technologií jsme schopni tisknout jak na kraftové tašky, luxusní laminované tašky, úzké vínové tašky, tak i na tašky látkové, včetně bavlněných batůžků.</p>",
        pros: [
          "Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev",
          "Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno",
          "Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA",
          "Tisknout lze na přední i zadní stranu"
        ],
        cons: [
          "Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev",
          "Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno",
          "Tisknout lze na přední i zadní stranu"
        ],
        target_fieldset_id: "digiprint",
        disabled: true
      }
    ],
    print_coverage: {
      vars: {
        label: "Zvolte pokrytí tisku:",
        id: "flexo-print-coverage-id",
        full_name: "flexo-print-coverage",
        tooltip: "<strong>10%</strong> Popis velikosti tisku<br/> <strong>50%</strong> Popis velikosti tisku<br/><strong>70%</strong> Popis velikosti tisku",
        choices: [
          {
            label: "30%",
            value: "30percent",
            checked: true
          },
          {
            label: "50%",
            value: "50percent",
          },
          {
            label: "70%",
            value: "70percent",
          }
        ]
      }
    },
    base_color_check: {
      vars: {
        label: "Základní barva",
        full_name: "color",
        value: "base",
        id: "base-color-id",
        type: "radio",
        tooltip: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum quibusdam, possimus optio repellat distinctio, ipsam voluptatum officiis officia impedit nihil cum aspernatur, quia quod sed quisquam neque cupiditate quasi debitis!",
        checked: true
      }
    },
    base_color_selection: {
      vars: {
        full_name: "base-color-selection",
        id: "base-color-selection-id",
        options: [
          {
            label: "Červená",
            value: "red",
            selected: true,
          },
          {
            label: "Modrá",
            value: "blue",
          },
          {
            label: "Žlutá",
            value: "yellow",
          },
        ]
      }
    },
    custom_color_check: {
      vars: {
        label: "Barva na přání",
        full_name: "color",
        value: "custom",
        id: "custom-color-id",
        type: "radio",
        tooltip: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum quibusdam, possimus optio repellat distinctio, ipsam voluptatum officiis officia impedit nihil cum aspernatur, quia quod sed quisquam neque cupiditate quasi debitis!"
      }
    },
    custom_color_input: {
      vars: {
        full_name: "custom-color",
        id: "custom-color-field",
        label: "Kód Pantone U",
        disabled: true
      }
    },
    max_print_width: {
      vars: {
        full_name: "max-print-width",
        id: "max-width-print-id",
        label: "Max. šířka potisku v cm",
        value: "15 cm",
        tooltip: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci culpa excepturi neque aliquid voluptas nostrum nam nobis. Nesciunt quo eum labore nihil quis, tenetur minima, laborum explicabo esse cupiditate voluptatum!"
      }
    },
    max_print_height: {
      vars: {
        full_name: "max-print-height",
        id: "max-height-print-id",
        label: "Max. výška potisku v cm",
        value: "15 cm",
        tooltip: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci culpa excepturi neque aliquid voluptas nostrum nam nobis. Nesciunt quo eum labore nihil quis, tenetur minima, laborum explicabo esse cupiditate voluptatum!"
      }
    },
    repeated_order: {
      vars: {
        label: "Opakovaná objednávka",
        full_name: "repeated-order",
        id: "repeated-order-id",
        content: "<p>Skvělé, zvolili jste variantu opakované výroby, Váš štoček máme v archívu, tedy jej neplatíte. V tomto případě nebude možná jakákoliv úprava tiskového motivu.</p>",
        tooltip: "Test Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero eum fuga aliquid, culpa consectetur dolorum expedita neque repellendus ex sed molestiae? Vero ipsam deserunt modi asperiores quasi, similique amet nostrum?"
      }
    },
    print_variant_fieldsets: [
      {
        id: "flexoprint",
        inputs: ["base_color_check", "base_color_selection", "custom_color_check", "custom_color_input", "repeated_order", "max_print_width", "max_print_height" ]
      },
      {
        id: "digiprint",
        inputs: ["print_coverage"]
      }
    ],
    message: {
      vars: {
        label: "Doplňkové info k tisku",
        name: "note"
      },
    },
    estimated_deilvery: "cca 1 - 2 týdny od schválení náhledu a úhrady zálohové faktury.",
    express_delivery: {
      input: {
        vars: {
          id: "express-print-id",
          full_name: "express-print",
          label: "Expresní vyřízení",
          description: "Doručení do 24h",
        }
      },
      price: "+99 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: "Vaše akční cena bez DPH",
        base_title: "Vaše akční cena s DPH"
      }
    },
    save_button: {
      title: "Uložit konfiguraci do srovnávače",
      url: "#",
      icon: {
        src: "@Images/svg/diskette.svg",
      }
    },
    configurator_button: {
      title: "Zobrazit srovnávač konfigurací",
      url: "#",
      icon: {
        src: "@Images/svg/compare.svg",
      },
      disabled: true
    },
    add_to_cart_button: {
      title: "Přidat poptávku tisku do košíku",
      url: "#",
      icon: {
        src: "@Images/svg/basket.svg",
      }
    }
  }
} %}

{% include "@Components/product-detail/product-detail/product-detail.twig" with {props: product_detail} %}

          





<section class="base-section  c-product-detail">
  <div class="base-section__container container">
        <div class="c-product-detail d-grid">
      <div class="c-product-detail__gallery">
        <div class="product-gallery --loading d-flex flex-column u-posr gap-3">
  <div class="product-gallery__slider position-relative u-rounded-4 u-border u-border--tertiary-500 overflow-hidden">
    <div class="swiper product-slider w-100">
  <div class="swiper-wrapper">
                  <div class="swiper-slide">
          <div class="i-slide">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/688x688s" alt="" width="688" height="688" draggable="false" srcset="" data-srcset="https://placehold.co/688x688s 1x, https://placehold.co/1376x1376 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-slide">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/688x688" alt="" width="688" height="688" draggable="false" srcset="" data-srcset="https://placehold.co/688x688 1x, https://placehold.co/1376x1376 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-slide">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/688x688s" alt="" width="688" height="688" draggable="false" srcset="" data-srcset="https://placehold.co/688x688s 1x, https://placehold.co/1376x1376 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-slide">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/688x688" alt="" width="688" height="688" draggable="false" srcset="" data-srcset="https://placehold.co/688x688 1x, https://placehold.co/1376x1376 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-slide">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/688x688s" alt="" width="688" height="688" draggable="false" srcset="" data-srcset="https://placehold.co/688x688s 1x, https://placehold.co/1376x1376 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-slide">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/688x688s" alt="" width="688" height="688" draggable="false" srcset="" data-srcset="https://placehold.co/688x688s 1x, https://placehold.co/1376x1376 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-slide">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/688x688s" alt="" width="688" height="688" draggable="false" srcset="" data-srcset="https://placehold.co/688x688s 1x, https://placehold.co/1376x1376 2x">
  </picture>
</div>
</div>
        </div>
            </div>

    </div>

          <div class="i-discount d-flex flex-column justify-content-center align-items-center --lg product-gallery__discount u-posa u-top-0 u-right-0 my-3 me-3 u-z-index-1">
  <div class="i-discount__value u-fw-700 u-fz-sm">30%</div>
</div>
    
            <div class="g-tags d-flex flex-wrap gap-1 product-gallery__tags u-posa u-top-0 u-left-0 mt-3 ms-3 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 --sm">
      <span class="i-tag__title">Doprava zdarma</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 --sm">
      <span class="i-tag__title">Top produkt</span>
    </span>
          
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500  --color-support-orange-400 --sm">
      <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-secondary-400 --sm">
      <span class="i-tag__title">Akce</span>
    </span>
      </div>
      </div>

  <div class="product-gallery__thumbnails u-posr pe-8">
    
<div class="swiper product-thumbnails">
  <div class="swiper-wrapper">
                  <div class="swiper-slide">
          <div class="i-thumbnail p-1 u-rounded-2 u-border u-border--tertiary-500">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/88x88 1x" alt="" width="88" height="88" draggable="false" srcset="" data-srcset="https://placehold.co/88x88 1x, https://placehold.co/176x176 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-thumbnail p-1 u-rounded-2 u-border u-border--tertiary-500">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/88x88 1x" alt="" width="88" height="88" draggable="false" srcset="" data-srcset="https://placehold.co/88x88 1x, https://placehold.co/176x176 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-thumbnail p-1 u-rounded-2 u-border u-border--tertiary-500">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/88x88 1x" alt="" width="88" height="88" draggable="false" srcset="" data-srcset="https://placehold.co/88x88 1x, https://placehold.co/176x176 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-thumbnail p-1 u-rounded-2 u-border u-border--tertiary-500">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/88x88 1x" alt="" width="88" height="88" draggable="false" srcset="" data-srcset="https://placehold.co/88x88 1x, https://placehold.co/176x176 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-thumbnail p-1 u-rounded-2 u-border u-border--tertiary-500">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/88x88 1x" alt="" width="88" height="88" draggable="false" srcset="" data-srcset="https://placehold.co/88x88 1x, https://placehold.co/176x176 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-thumbnail p-1 u-rounded-2 u-border u-border--tertiary-500">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/88x88 1x" alt="" width="88" height="88" draggable="false" srcset="" data-srcset="https://placehold.co/88x88 1x, https://placehold.co/176x176 2x">
  </picture>
</div>
</div>
        </div>
              <div class="swiper-slide">
          <div class="i-thumbnail p-1 u-rounded-2 u-border u-border--tertiary-500">
  <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1">
  <picture>
    
    <img src="" data-src="https://placehold.co/88x88 1x" alt="" width="88" height="88" draggable="false" srcset="" data-srcset="https://placehold.co/88x88 1x, https://placehold.co/176x176 2x">
  </picture>
</div>
</div>
        </div>
            </div>

      <div class="swiper-buttons d-flex flex-column gap-1 flex-shrink-0 u-posa u-right-0 u-top-50-p translate-middle-y">
      <span class="swiper-button swiper-button-prev --hidden">
        <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 --xs  --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  --md">
          <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">
        <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 --xs  --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  --md">
          <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>
      <form class="base-form  c-product-detail__form">
                        <input type="hidden" class="f-hidden" name="product-id" value="product_2">
          
          <h1 class="base-heading mb-0 u-fw-700 u-h3 c-product-detail__heading px-1">
            Papírová taška hnědá ExtraTWIST 18x8x24
      </h1>

          <div class="c-product-detail__content d-flex flex-column gap-2 u-container-inline">
            <p class="c-product-detail__perex u-fw-400 u-fz-md px-1">
              Nejmenší hnědá papírová taška s krouceným uchem z řady ExtraTWIST. Její rozměr 18x8x24 a provedení je vhodné na malé dárky nebo pro nákupy  šperků, modních doplňků apod. Nejmenší hnědá papírová taška s krouceným uchem z řady ExtraTWIST. Její rozměr 18x8x24 a provedení je vhodné na malé dárky nebo pro nákupy šperků, modních doplňků apod. Nejmenší…
              <a class="link d-inline-flex u-fw-600 align-items-center    --underline-initial  c-product-detail__form" href="#product-content" title="Parametry">
      <span class="link__title">Parametry</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="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>
  
  </a>
            </p>

            <div class="c-product-detail__parameters d-flex flex-column gap-2 pt-3 pb-1 px-1 u-border-top u-border--tertiary-500">
                              <div class="i-parameter-row d-flex align-items-center u-fz-md">
  <span class="i-parameter-row__title d-flex align-items-center gap-1 u-fw-600">
    Kód produktu:
      </span>
  <div class="i-parameter-row__content d-flex align-items-center px-1">
                        <span class="px-1">ETHN01</span>
                    </div>
</div>
              
                              <div class="i-parameter-row d-flex align-items-center u-fz-md">
  <span class="i-parameter-row__title d-flex align-items-center gap-1 u-fw-600">
    Váš status:
          <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Info ohledn statusu uživatele
      </div>
</div>
      </span>
  <div class="i-parameter-row__content d-flex align-items-center px-1">
                        
<span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500 --squared --color-secondary-400">
      <span class="i-tag__title">VIP gold</span>
    </span>
                    </div>
</div>
              
                              <div class="i-parameter-row d-flex align-items-center u-fz-md">
  <span class="i-parameter-row__title d-flex align-items-center gap-1 u-fw-600">
    Barva:
      </span>
  <div class="i-parameter-row__content d-flex align-items-center px-1">
                        <div class="g-colors d-flex flex-wrap gap-2 px-1">
              <label class="f-color u-posr u-rounded-full --lg --radio" style="--background-color:conic-gradient(
              #FFFFFF
    0deg
    355deg
    )">
      <input class="f-color__input" type="radio" 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" style="--background-color:conic-gradient(
              #CFAF8A
    0deg
    355deg
    )">
      <input class="f-color__input" type="radio" checked="checked" name=color-variant title="Hnědá"></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" style="--background-color:conic-gradient(
              #677DCD
    0deg
    355deg
    )">
      <input class="f-color__input" type="radio" 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>
</div>
                          </div>

            <div class="c-product-detail__configuration d-flex flex-column u-border-top u-border--tertiary-500 --js-pricelist-controler">
              <span class="c-product-detail__configuration-title text-center align-self-center px-2 u-bg-white u-fz-sm u-fw-600 translate-middle-y">Vaše ceny</span>

                              <div class="i-pricelist u-fz-xs c-product-detail__pricelist py-2">
      <div class="
                i-pricelist__selector d-flex justify-content-between px-1 u-cursor-pointer
                --active --first
                
              "
         data-price="2.75"
         data-min-count="100"
         data-index="0"
    >
              <span>Min. 100 ks.</span>
      
              <span>2,75Kč</span>
          </div>
      <div class="
                i-pricelist__selector d-flex justify-content-between px-1 u-cursor-pointer
                
                
              "
         data-price="2.65"
         data-min-count="1000"
         data-index="1"
    >
              <span>Od 1 000 ks.</span>
      
              <span>2,65Kč</span>
          </div>
      <div class="
                i-pricelist__selector d-flex justify-content-between px-1 u-cursor-pointer
                
                
              "
         data-price="2.5"
         data-min-count="3000"
         data-index="2"
    >
              <span>Od 3 000 ks.</span>
      
              <span>2,50Kč</span>
          </div>
      <div class="
                i-pricelist__selector d-flex justify-content-between px-1 u-cursor-pointer
                
                
              "
         data-price="2.4"
         data-min-count="5000"
         data-index="3"
    >
              <span>Od 5 000 ks.</span>
      
              <span>2,40Kč</span>
          </div>
      <div class="
                i-pricelist__selector d-flex justify-content-between px-1 u-cursor-pointer
                
                --last
              "
         data-price="2"
         data-min-count="10000"
         data-index="4"
    >
              <span>Od 10 000 ks.</span>
      
              <span>2,00Kč</span>
          </div>
  </div>
              
                              <div class="f-range-slider d-flex align-items-center w-100 u-posr  px-1" data-min="100" data-max="50000" data-availability="38500">
  <div class="f-range-slider__measure u-posr flex-grow-1 h-100 u-z-index-10 u-fz-xs u-fw-500">
    <input class="f-range-slider__range u-posa u-top-50-p u-left-0 u-translate-middle-y w-100" type="range" min="0" max="1000" value="0">
    <div class="f-range-slider__min-visualiser u-posa u-left-0 u-top-50-p u-translate-middle d-flex align-items-end h-100 u-z-index-negative">
      Min. 100 ks
    </div>
    <div class="f-range-slider__availability-visualiser u-posa u-top-50-p u-translate-middle d-flex align-items-start h-100 u-z-index-negative">
      Skladem
    </div>
  </div>
</div>
              
              <div class="d-flex flex-column flex-md-row align-items-center gap-2 py-3 px-1">
                                  <div class="i-availability u-fz-sm d-flex flex-column --available --detail c-product-detail__availability flex-grow-1">  
  <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">
          ( 38500 Ks )
      </span>

      <div class="i-availability__info d-flex align-items-center gap-1">
        
  <span class="icon d-flex align-items-center justify-content-center  --xs">
          <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>

      Dodání do 3 pracovních dnů
    </div>
  </div>
                
                                  
<div class="c-counter u-fw-700 u-fz-14 u-bg-white u-posr d-flex align-items-center justify-content-between p-1 flex-shrink-0 u-border u-border--tertiary-500   c-product-detail__counter --js-product-counter">

  <div class="c-counter__button d-flex align-items-center justify-content-center u-posr --minus u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" fill-rule="evenodd" d="M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></svg>      </span>
  </div>

  <div class="c-counter__value-visual d-flex">
    <div class="c-counter__value" contenteditable="true">100</div>
          <div class="c-counter__units">ks</div>
              <div class="c-counter__label u-posa u-top-0 u-left-50-p u-fz-xs px-1 u-bg-white text-nowrap">Min. 100 ks</div>
      </div>

  <div class="c-counter__button d-flex align-items-center justify-content-center u-posr --plus">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion">
          <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.975 6.975V3h2.05v3.975H13v2.05H9.025V13h-2.05V9.025H3v-2.05h3.975Z" clip-rule="evenodd"/></svg>      </span>
  </div>

  <input class="c-counter__input d-none" type="number" name="" value="100" min="100" max="50000">
</div>
                              </div>

                              <div class="c-product-detail__print-price d-flex flex-column flex-md-row gap-2 px-1 py-3 u-bg-tertiary-300">
                                        <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --checkbox   c-product-detail__print-checkbox --js-product-item-checkbox flex-grow-1 u-fw-600">
  <input class="f-checkbox__input u-posa" type="checkbox" name=print>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        Chci vlastní potisk tašky
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                  
                  <div class="d-flex flex-column u-fw-600">
                    <span class="u-fz-xs">Dodání do 3 pracovních dnů</span>
                    <span class="u-fz-sm">Od 190 Kč s DPH</span>
                  </div>
                </div>
              
              <div class="c-product-detail__price d-flex gap-1 flex-column py-3 px-1">

                <div class="d-flex flex-column flex-md-row align-items-start align-items-md-center justify-content-between u-fz-md u-fw-700">
                  Cena za 1 ks:

                                      <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-primary-400">
        <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1">

      
      
      <span class="i-price__main u-fw-700">
        <span class="--js-product-item-price">
          20,75
        </span>
                  Kč              </span>
    </div>
  
  </div>
                                  </div>

                <div class="d-flex flex-column flex-md-row align-items-start align-items-md-center justify-content-between u-fz-sm">
                  Cena celkem bez DPH:

                  <span>
                    <span class="--js-product-total-price">20,75</span>
                    Kč
                    bez DPH
                  </span>
                </div>
              </div>

              <div class="c-product-detail__actions d-flex gap-1 flex-column flex-md-row">
                <div class="i-add-wishlist-button   --lg c-product-detail__wishlist flex-shrink-0">
  <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --lg    --icon-only     i-add-wishlist-button__add js-wishlist-add" type="button" aria-label="Přidat do wishlistu" data-product-id="product_2">
  
      <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="currentColor" d="M16.581 3A5.325 5.325 0 0 0 12 5.795 5.325 5.325 0 0 0 7.419 3c-3.093.137-5.532 2.826-5.415 5.97 0 5.739 9.126 12.366 9.514 12.647l.482.347.482-.347c.388-.28 9.514-6.908 9.514-12.646.117-3.145-2.322-5.834-5.415-5.971ZM12 19.879C9.29 17.82 3.67 12.764 3.67 8.97c-.118-2.216 1.57-4.142 3.749-4.277 2.178.135 3.866 2.06 3.748 4.277h1.666c-.118-2.216 1.57-4.142 3.748-4.277 2.18.135 3.867 2.06 3.749 4.277 0 3.795-5.62 8.85-8.33 10.908Z"/></svg>      </span>
    </span>
  
  </button>

  <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline --lg    --icon-only     i-add-wishlist-button__remove js-wishlist-remove" type="button" data-product-id="product_2">
  
      <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="currentColor" d="M16.581 3A5.325 5.325 0 0 0 12 5.795 5.325 5.325 0 0 0 7.419 3c-3.093.137-5.532 2.826-5.415 5.97 0 5.739 9.126 12.366 9.514 12.647l.482.347.482-.347c.388-.28 9.514-6.908 9.514-12.646.117-3.145-2.322-5.834-5.415-5.971Z"/></svg>      </span>
    </span>
  
  </button>
</div>

                  <div class="i-add-cart-buttons u-posr text-center flex-grow-1 --lg c-product-detail__cart-add flex-grow-1">
  <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 --lg         c-product-detail__cart-add flex-grow-1 i-add-cart-button__cart-add js-cart-add --shown u-posa u-top-50-p u-left-50-p u-translate-middle" type="button" aria-label="Přidat do košíku" data-product-id="product_2" data-modal-target="add-product-to-cart-modal">
      <span class="btn__title u-z-index-1">
      Přidat 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 class="c-product-detail__print-action w-100 gap-1 js-print-add --hidden">
      <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        --full-width w-100" href='#f-print-individual'>
      <span class="btn__title u-z-index-1">
      Poptat potisk
    </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" 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>
    </span>
  
  </a>

      <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='#' data-modal-target="print-configuration-modal">
      <span class="btn__title u-z-index-1">
      Objednat potisk
    </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="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M6 19.572H3.92a2.419 2.419 0 0 1-2.42-2.418v-6.737A2.418 2.418 0 0 1 3.918 8H6V1.5h12V8h2.082a2.418 2.418 0 0 1 2.418 2.417v6.737a2.418 2.418 0 0 1-2.418 2.418H18V22.5H6v-2.928Zm12-1.538h2.082a.88.88 0 0 0 .88-.88v-6.737a.88.88 0 0 0-.881-.88H3.919a.88.88 0 0 0-.88.88v6.737c0 .486.394.88.88.88H6v-2.496H4.59V14h14.82v1.538H18v2.496ZM7.537 8h8.926V3.039l-8.926-.001V8ZM15 11h4v1.539h-4V11Zm-7.463 4.538v5.424h8.926v-5.424H7.537Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>
    </div>
  
  
  <div class="i-add-cart-button__animation u-posa u-top-50-p u-left-50-p u-translate-middle btn --primary u-posa --icon-only --js-product-button-animation --lg">
    <svg width="26" height="12" viewbox="0 0 26 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M3 6C4.65685 6 6 7.34315 6 9C6 10.6569 4.65685 12 3 12C1.34315 12 0 10.6569 0 9C0 7.34315 1.34315 6 3 6Z" fill="currentColor"/>
      <path d="M13 6C14.6569 6 16 7.34315 16 9C16 10.6569 14.6569 12 13 12C11.3431 12 10 10.6569 10 9C10 7.34315 11.3431 6 13 6Z" fill="currentColor"/>
      <path d="M23 6C24.6569 6 26 7.34315 26 9C26 10.6569 24.6569 12 23 12C21.3431 12 20 10.6569 20 9C20 7.34315 21.3431 6 23 6Z" fill="currentColor"/>
    </svg>
  </div>
</div>

              </div>
            </div>
          </div>
        </form>

              
  <div class="c-modal --size-xxl m-print-configuration --hidden" id="print-configuration-modal">
  <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__header w-100 d-none d-md-block">
        <div class="m-print-configuration__header-content u-bg-tertiary-300 u-border--tertiary-500 u-border-bottom u-posa w-100">
          <div class="px-5 d-flex">
            <div class="m-print-configuration__header-content-left w-50 u-bg-white u-posa d-flex justify-content-center align-items-center">
              <h2 class="base-heading mb-0 u-fw-700 u-h3 m-print-configuration__header-content-heading">
            Konfigurace potisku této tašky
      </h2>
            </div>
            <div class="m-print-configuration__header-content-right w-50 u-posa d-flex justify-content-center align-items-center u-bottom-0 u-right-0">
              <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          c-modal__close m-print-configuration__header-content-button" href='#f-print-individual'>
      <span class="btn__title u-z-index-1">
      Nezávazná poptávka potisku této tašky
    </span>
      
  
  </a>
            </div>
          </div>
        </div>
      </div>
    
    <div class="m-print-configuration__form">
              


      <form class="base-form --validate f-print-configuration" id="print-configuration-form-id" action="" method="POST">
      <div class="pb-7">
      
<div class="f-individual-print--toggle-content">
      <fieldset class="row pb-4">
              <div class="col-lg-4 pb-3">
              <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center px-2 py-1 u-posr --radio  --outline w-100 f-individual-print__selector">
  <input class="f-checkbox__input u-posa" type="radio" value="front_only" checked="checked" name=print_type data-front-title="Potisk přední strany" data-show-front="true">
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        Potisk pouze přední strany
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
        </div>
              <div class="col-lg-4 pb-3">
            <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center px-2 py-1 u-posr --radio  --outline w-100 f-individual-print__selector">
  <input class="f-checkbox__input u-posa" type="radio" value="both_same" name=print_type data-front-title="Potisk přední a zadní strany stejným motivem" data-show-front="true">
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        Potisk obou stran stejným motivem
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
        </div>
              <div class="col-lg-4 pb-3">
            <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center px-2 py-1 u-posr --radio  --outline w-100 f-individual-print__selector">
  <input class="f-checkbox__input u-posa" type="radio" value="both_different" name=print_type data-front-title="Potisk přední strany" data-show-front="true" data-back-title="Potisk zadní strany" data-show-back="true">
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        Potisk obou stran odlišným motivem
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
        </div>
          </fieldset>
  
  
  <fieldset class=" f-individual-print__fielset-wrapper pb-4 --js-print-front">
    <div class="u-border-top u-border--tertiary-500 w-100 u-posr pt-5 mt-1">
      <h3 class="base-heading mb-0 u-fw-700 u-h4 u-posa u-top-0 u-translate-middle-y u-bg-white pe-2 --js-front-title">
            Potisk přední strany
      </h3>
    </div>
    <div class="row">
              <div class="col-md-6 pb-3">
          <div class="d-flex align-items-center gap-1 mb-2">
            <span class="u-fw-600">Počet barev tisku</span>
            <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Váš status ( má dopad na konečnou cenu )
      </div>
</div>
          </div>
          <div class="d-flex gap-5 flex-wrap">
                            <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="1-color" name=color-front>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        1 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="2-colors" name=color-front>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        2 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="3-colors" name=color-front>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        3 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="4-colors" name=color-front>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        4 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="5-colors" name=color-front>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        5 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="cmyk" name=color-front>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        CMYK
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="cmyk+white" name=color-front>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        CMYK+ bílá
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                      </div>
        </div>
      
              <div class="col-md-6 pb-3">
          <div class="d-flex align-items-center gap-1 mb-2">
            <span class="u-fw-600">Tiskový soubor</span>
            <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Váš status ( má dopad na konečnou cenu )
      </div>
</div>
          </div>
            <div class="f-file d-flex flex-column gap-2 u-posr">

  <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    --icon-before    --full-width w-100  f-file__button">
      <span class="btn__title u-z-index-1">
      Připojit další soubor
    </span>
          <span class="u-fz-xs u-color-text-400 u-z-index-1 btn__description">
        (PDF, EPS, AI)
      </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="M1 2.146C1 .963 2.006 0 3.243 0h6.482L15 5.048V16H1V2.146Zm9.243.74v1.666h1.74l-1.74-1.665Zm-7-1.195a.466.466 0 0 0-.475.455v12.162h10.464V6.244H8.476V1.69H3.243Zm5.793 5.84h.004l2.445 2.342-1.248 1.195-1.353-1.294v3.624H7.116v-3.63l-1.352 1.301-1.25-1.196L6.9 7.59a1.609 1.609 0 0 1 2.136-.057Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </span>

  <div class="f-file__files d-flex gap-1 flex-wrap"></div>

  <input class="f-file__input" type="file" name=print-file-front>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
          </div>
  </fieldset>

  
  <fieldset class=" f-individual-print__fielset-wrapper pb-4 --js-print-back d-none" disabled>
    <div class="u-border-top u-border--tertiary-500 w-100 u-posr pt-5 mt-1">
      <h3 class="base-heading mb-0 u-fw-700 u-h4 u-posa u-top-0 u-translate-middle-y u-bg-white pe-2 --js-back-title">
            Potisk zadní strany
      </h3>
    </div>
    <div class="row">
              <div class="col-md-6 pb-3">
          <div class="d-flex align-items-center gap-1 mb-2">
            <span class="u-fw-600">Počet barev tisku</span>
            <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Váš status ( má dopad na konečnou cenu )
      </div>
</div>
          </div>
          <div class="d-flex gap-5 flex-wrap">
                            <label class="f-checkbox d-inline-flex gap-1 u-posr mb-2 align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" required value="1-color" name=color-back>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        1 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr mb-2 align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" required value="2-colors" name=color-back>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        2 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr mb-2 align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" required value="3-colors" name=color-back>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        3 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr mb-2 align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" required value="4-colors" name=color-back>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        4 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr mb-2 align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" required value="5-colors" name=color-back>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        5 bar.
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr mb-2 align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" required value="cmyk" name=color-back>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        CMYK
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                            <label class="f-checkbox d-inline-flex gap-1 u-posr mb-2 align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" required value="cmyk+white" name=color-back>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        CMYK+ bílá
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                      </div>
        </div>
      
              <div class="col-md-6 pb-3">
          <div class="d-flex align-items-center gap-1 mb-2">
            <span class="u-fw-600">Tiskový soubor</span>
            <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Váš status ( má dopad na konečnou cenu )
      </div>
</div>
          </div>
            <div class="f-file d-flex flex-column gap-2 u-posr">

  <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    --icon-before    --full-width w-100  f-file__button">
      <span class="btn__title u-z-index-1">
      Připojit další soubor
    </span>
          <span class="u-fz-xs u-color-text-400 u-z-index-1 btn__description">
        (PDF, EPS, AI)
      </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="M1 2.146C1 .963 2.006 0 3.243 0h6.482L15 5.048V16H1V2.146Zm9.243.74v1.666h1.74l-1.74-1.665Zm-7-1.195a.466.466 0 0 0-.475.455v12.162h10.464V6.244H8.476V1.69H3.243Zm5.793 5.84h.004l2.445 2.342-1.248 1.195-1.353-1.294v3.624H7.116v-3.63l-1.352 1.301-1.25-1.196L6.9 7.59a1.609 1.609 0 0 1 2.136-.057Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </span>

  <div class="f-file__files d-flex gap-1 flex-wrap"></div>

  <input class="f-file__input" type="file" name=print-file-back>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
          </div>
  </fieldset>

  
      <div class="u-border-top u-border--tertiary-500 w-100 u-posr pt-5 mt-1">
      <h3 class="base-heading mb-0 u-fw-700 u-h4 u-posa u-top-0 u-translate-middle-y u-bg-white pe-2">
            Počet kusů k potištění
      </h3>
    </div>

    <div class="f-individual-print__count gap-3 gap-md-5 pb-3 pb-sm-5 --js-pricelist-controler">
      <div class="f-individual-print__count-range">
        <div class="f-range-slider d-flex align-items-center w-100 u-posr  px-1" data-min="100" data-max="50000" data-availability="38500">
  <div class="f-range-slider__measure u-posr flex-grow-1 h-100 u-z-index-10 u-fz-xs u-fw-500">
    <input class="f-range-slider__range u-posa u-top-50-p u-left-0 u-translate-middle-y w-100" type="range" min="0" max="1000" value="0">
    <div class="f-range-slider__min-visualiser u-posa u-left-0 u-top-50-p u-translate-middle d-flex align-items-end h-100 u-z-index-negative">
      Min. 100 ks
    </div>
    <div class="f-range-slider__availability-visualiser u-posa u-top-50-p u-translate-middle d-flex align-items-start h-100 u-z-index-negative">
      Skladem
    </div>
  </div>
</div>
      </div>
      <div class="f-individual-print__count-counter">
        
<div class="c-counter u-fw-700 u-fz-14 u-bg-white u-posr d-flex align-items-center justify-content-between p-1 flex-shrink-0 u-border u-border--tertiary-500  product-quantity c-product-detail__counter --js-product-counter">

  <div class="c-counter__button d-flex align-items-center justify-content-center u-posr --minus u-color-conversion">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#B0B2D4" fill-rule="evenodd" d="M4 12a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H5a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></svg>      </span>
  </div>

  <div class="c-counter__value-visual d-flex">
    <div class="c-counter__value" contenteditable="true">100</div>
          <div class="c-counter__units">ks</div>
              <div class="c-counter__label u-posa u-top-0 u-left-50-p u-fz-xs px-1 u-bg-white text-nowrap">Min. 100 ks</div>
      </div>

  <div class="c-counter__button d-flex align-items-center justify-content-center u-posr --plus">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --conversion">
          <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.975 6.975V3h2.05v3.975H13v2.05H9.025V13h-2.05V9.025H3v-2.05h3.975Z" clip-rule="evenodd"/></svg>      </span>
  </div>

  <input class="c-counter__input d-none" type="number" name="product-quantity" value="100" min="100" max="50000">
</div>
      </div>
    </div>
  </div>
    </div>

    <div class="row">
              <div class="col-12 u-posr u-border-top u-border--tertiary-500 mb-4">
          <h3 class="base-heading mb-0 u-fw-700 u-h4 text-center u-posa u-top-0 u-left-0 u-translate-middle-y u-bg-white px-2">
            Varianty tisku
      </h3>
        </div>
                  <div class="col-md-4">
            
<div class="i-print-item --toggleable u-js-toggle__content">
      <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-top  --radio   i-print-item__checkbox">
  <input class="f-checkbox__input u-posa" type="radio" checked="checked" name=print-type>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        <div class="d-flex flex-column gap-1">
  <div class="d-flex gap-1 align-items-center">
          <span class="u-fw-700">Sítotisk</span>
              <span class="u-fz-sm u-color-text-400">(Min. 500 Ks)</span>
      </div>

          <div class="row u-fz-sm">
                  <div class="col-3">
            Výroba:</div>
          <div class="col-9">
            1 - 2 týdny
          </div>
                          <div class="col-3">
            Tisk:</div>
          <div class="col-9">
            6,00 Kč/ks bez DPH
          </div>
              </div>
    
          <div class="u-lh-24 mb-2">
        <p>Sítotisk je vhodným potiskem na většinu tašek z našeho e-shopu. Touto technologií jsme schopni tisknout jak na kraftové tašky, luxusní laminované tašky, úzké vínové tašky, tak i na tašky látkové, včetně bavlněných batůžků.</p>
      </div>
    
          <div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Tisknout lze na přední i zadní stranu</span>
          </div>
              </div>
    
          <div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-danger flex-shrink-0">-</span>
            <span class="d-block u-fw-600 u-color-danger">Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-danger flex-shrink-0">-</span>
            <span class="d-block u-fw-600 u-color-danger">Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-danger flex-shrink-0">-</span>
            <span class="d-block u-fw-600 u-color-danger">Tisknout lze na přední i zadní stranu</span>
          </div>
              </div>
    </div>

              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>

  <div class="u-js-toggle__trigger u-cursor-pointer u-posr d-flex align-items-center justify-content-center mt-md-2">
    <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>
                  <div class="col-md-4">
            
<div class="i-print-item --toggleable u-js-toggle__content --js-toggle-fieldset" data-target-fieldset="flexoprint">
    <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-top  --radio   i-print-item__checkbox">
  <input class="f-checkbox__input u-posa" type="radio" name=print-type>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        <div class="d-flex flex-column gap-1">
  <div class="d-flex gap-1 align-items-center">
          <span class="u-fw-700">Flexotisk</span>
              <span class="u-fz-sm u-color-text-400">(Min. 100 Ks)</span>
      </div>

          <div class="row u-fz-sm">
                  <div class="col-3">
            Výroba:</div>
          <div class="col-9">
            1 - 2 týdny
          </div>
                          <div class="col-3">
            Tisk:</div>
          <div class="col-9">
            6,00 Kč/ks bez DPH
          </div>
              </div>
    
          <div class="u-lh-24 mb-2">
        <p>Sítotisk je vhodným potiskem na většinu tašek z našeho e-shopu. Touto technologií jsme schopni tisknout jak na kraftové tašky, luxusní laminované tašky, úzké vínové tašky, tak i na tašky látkové, včetně bavlněných batůžků.</p>
      </div>
    
          <div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Tisknout lze na přední i zadní stranu</span>
          </div>
              </div>
    
          <div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-danger flex-shrink-0">-</span>
            <span class="d-block u-fw-600 u-color-danger">Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-danger flex-shrink-0">-</span>
            <span class="d-block u-fw-600 u-color-danger">Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-danger flex-shrink-0">-</span>
            <span class="d-block u-fw-600 u-color-danger">Tisknout lze na přední i zadní stranu</span>
          </div>
              </div>
    </div>

              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>

  <div class="u-js-toggle__trigger u-cursor-pointer u-posr d-flex align-items-center justify-content-center mt-md-2">
    <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>
                  <div class="col-md-4">
            
<div class="i-print-item --toggleable u-js-toggle__content --js-toggle-fieldset --disabled" data-target-fieldset="digiprint">
      <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-top  --radio --disabled  i-print-item__checkbox">
  <input class="f-checkbox__input u-posa" type="radio" disabled name=print-type>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        <div class="d-flex flex-column gap-1">
  <div class="d-flex gap-1 align-items-center">
          <span class="u-fw-700">Digitisk</span>
              <span class="u-fz-sm u-color-text-400">(Min. 100 Ks)</span>
      </div>

          <div class="row u-fz-sm">
                  <div class="col-3">
            Výroba:</div>
          <div class="col-9">
            1 - 2 týdny
          </div>
                          <div class="col-3">
            Tisk:</div>
          <div class="col-9">
            6,00 Kč/ks bez DPH
          </div>
              </div>
    
          <div class="u-lh-24 mb-2">
        <p>Sítotisk je vhodným potiskem na většinu tašek z našeho e-shopu. Touto technologií jsme schopni tisknout jak na kraftové tašky, luxusní laminované tašky, úzké vínové tašky, tak i na tašky látkové, včetně bavlněných batůžků.</p>
      </div>
    
          <div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-conversion flex-shrink-0">+</span>
            <span class="d-block u-fw-600 u-color-conversion">Tisknout lze na přední i zadní stranu</span>
          </div>
              </div>
    
          <div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-danger flex-shrink-0">-</span>
            <span class="d-block u-fw-600 u-color-danger">Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-danger flex-shrink-0">-</span>
            <span class="d-block u-fw-600 u-color-danger">Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno</span>
          </div>
                  <div class="d-flex gap-1 mb-2">
            <span class="u-fw-800 u-color-danger flex-shrink-0">-</span>
            <span class="d-block u-fw-600 u-color-danger">Tisknout lze na přední i zadní stranu</span>
          </div>
              </div>
    </div>

              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>

  <div class="u-js-toggle__trigger u-cursor-pointer u-posr d-flex align-items-center justify-content-center mt-md-2">
    <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>
                          
<fieldset id="flexoprint" class="f-print-configuration__fieldset col-12 mt-6">
   
      <div class="row">
      <div class="col-sm-6 d-flex flex-column gap-3">
                  <div class="row align-items-xl-center">
            <div class="col-xl-5 mb-1 mb-xl-0">
                  <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700 --js-control-input">
  <input class="f-checkbox__input u-posa" type="radio" checked="checked" name=color>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        Základní barva
              
          </span>

    
          <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum quibusdam, possimus optio repellat distinctio, ipsam voluptatum officiis officia impedit nihil cum aspernatur, quia quod sed quisquam neque cupiditate quasi debitis!
      </div>
</div>
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
            </div>

            <div class="col-xl-7">
              

  <div class="f-single-select d-flex flex-column gap-1 u-posr --native">

  
  <div class="f-single-select__wrap">
    <select class="f-single-select__select slim-select" id="base-color-selection-id" name=base-color-selection>
              <option class="" selected value="red">Červená</option>
              <option class="" value="blue">Modrá</option>
              <option class="" value="yellow">Žlutá</option>
          </select>
  </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
            </div>
          </div>
        
                  <div class="row align-items-xl-center">
            <div class="col-xl-5 mb-1 mb-xl-0 pb-3">
                <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700 --js-control-input">
  <input class="f-checkbox__input u-posa" type="radio" name=color data-toggle-input="custom-color-field">
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        Barva na přání
              
          </span>

    
          <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsum quibusdam, possimus optio repellat distinctio, ipsam voluptatum officiis officia impedit nihil cum aspernatur, quia quod sed quisquam neque cupiditate quasi debitis!
      </div>
</div>
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
            </div>
            <div class="col-xl-7">
                <div class="f-text d-flex flex-column gap-1 u-posr mb-1 --js-controled-input">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md" for="custom-color-field">
  Kód Pantone U
</label>
    
    <input class="f-base f-text__input" type="text" id="custom-color-field" name=custom-color disabled>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
              <span class="u-fz-sm">Příplatek za 1 individuální barvu 800 Kč</span>
            </div>
          </div>
              </div>

      <div class="col-sm-6 d-flex flex-column gap-3">
                  <div class="row align-items-xl-center">
            <div class="col-xl-5 mb-1 mb-xl-0">
              <div class="d-flex align-items-center gap-1">
                <span class="u-fw-700">Max. výška potisku v cm</span>
                <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci culpa excepturi neque aliquid voluptas nostrum nam nobis. Nesciunt quo eum labore nihil quis, tenetur minima, laborum explicabo esse cupiditate voluptatum!
      </div>
</div>
              </div>
            </div>
            <div class="col-xl-7">
                <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
    
    <input class="f-base f-text__input" type="text" id="max-height-print-id" value="15 cm" name=max-print-height>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
            </div>
          </div>
        
                  <div class="row align-items-xl-center">
            <div class="col-xl-5 mb-1 mb-xl-0">
              <div class="d-flex align-items-center gap-1">
                <span class="u-fw-700">Max. šířka potisku v cm</span>
                <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Lorem ipsum, dolor sit amet consectetur adipisicing elit. Adipisci culpa excepturi neque aliquid voluptas nostrum nam nobis. Nesciunt quo eum labore nihil quis, tenetur minima, laborum explicabo esse cupiditate voluptatum!
      </div>
</div>
              </div>
            </div>
            <div class="col-xl-7">
                <div class="f-text d-flex flex-column gap-1 u-posr      --active">

  <div class="f-text__wrap d-flex align-items-center u-posr">

    
    
    <input class="f-base f-text__input" type="text" id="max-width-print-id" value="15 cm" name=max-print-width>

    
    
    
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger  f-text__invalid-icon">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8.026 15A7.034 7.034 0 0 1 1 7.974c.33-9.3 13.724-9.297 14.053 0A7.034 7.034 0 0 1 8.026 15Zm0-12.296c-6.964.221-6.963 10.319 0 10.54 6.964-.222 6.964-10.32 0-10.54Zm.879 1.756H7.148v4.392h1.757V4.46Zm0 5.27H7.148v1.757h1.757V9.73Z"/></svg>      </span>

  </div>

  
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
            </div>
          </div>
              </div>
    </div>
  
      <div class="row">
      <div class="col-12 d-flex align-items-center gap-1">
        <div class="i-content-toggle d-flex flex-column gap-3  mt-6">
  <div class="d-flex align-items-center gap-1">
      <label class="f-switch u-posr d-inline-flex u-cursor-pointer align-items-center gap-1  i-content-toggle__header">
  <input class="f-switch__input u-posa" type="checkbox" name=repeated-order>
  
  <span class="f-switch__visual d-inline-flex u-posr">

      
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm f-switch__icon f-switch__checkmark u-posa">
          <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>

      
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm f-switch__icon f-switch__cross u-posa">
          <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.495 8.002 3.203 4.746l1.478-1.5 3.32 3.272 3.317-3.272 1.478 1.5-3.292 3.256 3.292 3.246-1.494 1.507L8 9.489l-3.303 3.266-1.494-1.507 3.292-3.246Z" clip-rule="evenodd"/></svg>      </span>

  </span>

            <span class="f-switch__label d-inline-flex gap-1 u-fw-700 align-items-center">Opakovaná objednávka</span>
      
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>

          <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          Test Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero eum fuga aliquid, culpa consectetur dolorum expedita neque repellendus ex sed molestiae? Vero ipsam deserunt modi asperiores quasi, similique amet nostrum?
      </div>
</div>
      </div>

  <div class="i-content-toggle__content">
                              <p>Skvělé, zvolili jste variantu opakované výroby, Váš štoček máme v archívu, tedy jej neplatíte. V tomto případě nebude možná jakákoliv úprava tiskového motivu.</p>
                        </div>
</div>
      </div>
    </div>
  </fieldset>

                  
<fieldset id="digiprint" class="f-print-configuration__fieldset col-12 mt-6">
       <div class="d-flex flex-column flex-sm-row align-items-start align-items-sm-center gap-3 gap-sm-5">
              <div class="d-flex align-items-center gap-1">
          <span class="u-fw-700">Zvolte pokrytí tisku:</span>
          <div class="i-tooltip">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --text --sm  i-tooltip__icon">
          <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>

  
  <div class="i-tooltip__content d-none u-fz-14 u-fw-400 u-lh-20">
          <strong>10%</strong> Popis velikosti tisku<br/> <strong>50%</strong> Popis velikosti tisku<br/><strong>70%</strong> Popis velikosti tisku
      </div>
</div>
        </div>
      
      <div class="d-flex gap-5">
                      <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="30percent" checked="checked" name=flexo-print-coverage>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        30%
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                    <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="50percent" name=flexo-print-coverage>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        50%
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
                    <label class="f-checkbox d-inline-flex gap-1 u-posr  align-items-center  --radio   u-fw-700">
  <input class="f-checkbox__input u-posa" type="radio" value="70percent" name=flexo-print-coverage>
  <span class="f-checkbox__visual flex-shrink-0 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="#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>
  <div class="f-checkbox__body d-flex column-gap-1 align-items-center">
    <span class="f-checkbox__title">
                        70%
              
          </span>

    
      </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
              </div>
    </div>
  
  
  </fieldset>

              
              <div class="col-12 pt-7">
            <div class="f-textarea d-flex flex-column gap-1 u-posr">

      <label class="f-label d-flex align-items-center mb-0 u-fz-md">
  Doplňkové info k tisku
</label>
  
  <div class="f-textarea__wrap d-flex align-items-center u-posr">
    <textarea class="f-base f-textarea__input" name=note></textarea>
    <span class="f-textarea__resize">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><g clip-path="url(#clip0_3554_63363)"><path fill="#15324F" fill-rule="evenodd" d="M1 13 13 1l-.707-.707-12 12L1 13Zm8 3 7-7-.707-.707-7 7L9 16Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_3554_63363"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>    </span>
  </div>

  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</div>
        </div>
          </div>

    <div class="pt-7">
      
<div class="s-print-configuration-price">
  <div class="row gx-3 gy-2">
          <div class="col-lg-6">
        <div class="w-100 h-100 u-rounded-2 u-bg-primary-400 d-flex flex-column gap-3 p-3">
          <p class="px-1">
            <strong>Aktuální termín expedice:</strong>
            cca 1 - 2 týdny od schválení náhledu a úhrady zálohové faktury.</p>

                      <div class="u-border-top u-border--black pt-3 px-1 d-flex gap-3 justify-content-between flex-wrap align-items-center">
                                <label class="f-switch u-posr d-inline-flex u-cursor-pointer align-items-center gap-3  s-print-configuration-price__switch --js-express-print">
  <input class="f-switch__input u-posa" type="checkbox" name=express-print>
  
  <span class="f-switch__visual d-inline-flex u-posr">

      
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm f-switch__icon f-switch__checkmark u-posa">
          <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>

      
  <span class="icon d-flex align-items-center justify-content-center --colored --white --sm f-switch__icon f-switch__cross u-posa">
          <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.495 8.002 3.203 4.746l1.478-1.5 3.32 3.272 3.317-3.272 1.478 1.5-3.292 3.256 3.292 3.246-1.494 1.507L8 9.489l-3.303 3.266-1.494-1.507 3.292-3.246Z" clip-rule="evenodd"/></svg>      </span>

  </span>

            <div class="d-flex flex-column">
        <span class="f-switch__label d-inline-flex gap-1 u-fw-700 align-items-center">Expresní vyřízení</span>
        <span class="u-fz-sm u-fw-400">Doručení do 24h</span>
      </div>
      
  <span class="f-error u-fz-sm gap-1 d-none">
  <span class="f-error__icon d-flex align-items-center justify-content-center">
      
  <span class="icon d-flex align-items-center justify-content-center --colored --danger --sm">
          <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24v112c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zm-32 224a32 32 0 1 1 64 0 32 32 0 1 1-64 0z"/></svg>      </span>
  </span>

  <span class="f-error__title"></span>
</span>

</label>
              
                              <strong>+99 990 Kč bez DPH</strong>
                          </div>
                  </div>
      </div>
    
          <div class="col-lg-6 d-flex flex-column">
                  <div class="u-border-bottom u-border--tertiary-500  gap-1 px-1 py-2 mb-2">
                          <div class="d-flex justify-content-between u-fw-500 u-fz-sm">
                                  <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">
                                  <span>Tisková příprava:</span>
                                                  <span>450,00 Kč/ks s DPH</span>
                              </div>
                      </div>
        
                  <div class="d-flex justify-content-end">
            <div class="d-flex gap-2 u-fz-sm u-bg-primary-400 px-1">
              <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">Vaše akční 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">Vaše akční 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>
    </div>

    <div class="pt-7">
              
<div class="s-print-configuration-footer">
  <div class="s-print-configuration-footer__comparator-options">
      </div>

  <div class="row gx-2 gy-2 s-print-configuration-footer__buttons">
    <div class="col-lg-4">
              <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        --full-width w-100  h-100 --js-save-print" href='#'>
      <span class="btn__title u-z-index-1">
      Uložit konfiguraci do srovnávače
    </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>
  
  </a>
          </div>
    <div class="col-lg-4">
              <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  --disabled      --full-width w-100  h-100" href='#'>
      <span class="btn__title u-z-index-1">
      Zobrazit srovnávač konfigurací
    </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="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#23846F" d="M18.842 3.667h-6.009V2h-1.666v1.667H5.158L2 12.692v.558A3.755 3.755 0 0 0 5.75 17a3.755 3.755 0 0 0 3.75-3.75v-.558L6.924 5.333h4.243v15H5.333V22h13.334v-1.667h-5.834v-15h4.243L14.5 12.692v.558A3.755 3.755 0 0 0 18.25 17 3.755 3.755 0 0 0 22 13.25v-.558l-3.158-9.025ZM5.75 15.333a2.085 2.085 0 0 1-2.04-1.666h4.08a2.086 2.086 0 0 1-2.04 1.666ZM7.492 12H4.008L5.75 7.022 7.492 12ZM18.25 7.022 19.992 12h-3.484l1.742-4.978Zm0 8.311a2.085 2.085 0 0 1-2.04-1.666h4.082a2.087 2.087 0 0 1-2.042 1.666Z"/></svg>      </span>
    </span>
  
  </a>
          </div>
    <div class="col-lg-4">
              <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  h-100 --js-add-to-cart" href='#'>
      <span class="btn__title u-z-index-1">
      Přidat poptávku tisku 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">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#23846F" d="M17.669 6.688C17.27 4.04 14.88 2 12 2 9.12 2 6.73 4.04 6.331 6.688H3v12.968C3 20.95 4.101 22 5.455 22h13.09C19.9 22 21 20.949 21 19.656V6.688h-3.331ZM12 3.563c1.976 0 3.629 1.344 4.009 3.124H7.99c.38-1.78 2.033-3.125 4.009-3.125Zm7.364 16.093c0 .431-.367.782-.819.782H5.456c-.452 0-.819-.351-.819-.782V8.25h14.728v11.406ZM12 17.625c3.09 0 5.727-2.713 5.727-6.25v-.781h-1.636v.781c0 2.585-1.835 4.688-4.091 4.688-2.256 0-4.09-2.103-4.09-4.688v-.781H6.272v.781c0 3.551 2.648 6.25 5.727 6.25Z"/></svg>      </span>
    </span>
  
  </a>
          </div>
  </div>

  <div class="s-print-configuration-footer__alerts">
      </div>
</div>
      
    </div>
  </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>
    </div>
</section>