Print configuration form

id:
figma

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 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/forms/print-configuration-form/print-configuration-form.twig" with {props: 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>