U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno k přístroje klima uniká srovnatelné zákeřný.
Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.
Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.
Technologie DTF je nová technologie potisku, kdy se na tiskárně potiskne speciální folie (PET film), potisk se následně posype práškovým lepidlem, které se pomocí tepla rozpustí a tím se vytvoří "nažehlovačka/transfer" připravená k přenosu na bavlněnou tašku.
Více informací o sítotiskuTechnologie DTF je nová technologie potisku, kdy se na tiskárně potiskne speciální folie (PET film), potisk se následně posype práškovým lepidlem, které se pomocí tepla rozpustí a tím se vytvoří "nažehlovačka/transfer" připravená k přenosu na bavlněnou tašku.
Více informací o sítotisku
Technologie DTF je nová technologie potisku, kdy se na tiskárně potiskne speciální folie (PET film), potisk se následně posype práškovým lepidlem, které se pomocí tepla rozpustí a tím se vytvoří "nažehlovačka/transfer" připravená k přenosu na bavlněnou tašku.
Více informací o sítotisku
{% set text_media_props = {
order: "default",
spacing: "none",
is_container: false,
media: [
{
img: {
src: "https://placehold.co/688x459",
srcset: [
"https://placehold.co/688x459 1x",
"https://placehold.co/1376x918 2x"
]
},
}
],
content: "<h3 class='u-h4'>U až mě těžkých vznikl oblastí.</h3><p>Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.</p>",
} %}
{% set text_media_props_2 = {
order: "reverse",
spacing: "none",
is_container: false,
media: [
{
img: {
src: "https://img.youtube.com/vi/kySGqoU7X-s/maxresdefault.jpg"
},
video: {
src: "https://youtu.be/kySGqoU7X-s",
},
}
],
content: "<h3 class='u-h4'>U až mě těžkých vznikl oblastí.</h3><p>Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.</p>",
} %}
{% set print_modal_content %}
<p>{{"U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno k přístroje klima uniká srovnatelné zákeřný."}}</p>
{% include "@Components/sections/text-and-media-section/text-and-media-section.twig" with {props: text_media_props} %}
{% include "@Components/sections/text-and-media-section/text-and-media-section.twig" with {props: text_media_props_2} %}
{% endset %}
{% set screenprint_modal = {
modal_id: "modal-sitotisk",
modal_title: "Sítotisk - nejvyšší kvalita ostrého tisku",
pros_title: "Výhody sítotisku",
cons_title: "Nevýhody sítotisku",
pros: [
"Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev"|trans,
"Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno"|trans,
"Tiskneme pouze ekologickými vodními barvami, všechny odstíny z řady Pantone Coated nabízíme ZDARMA"|trans,
"Tisknout lze na přední i zadní stranu"|trans
],
cons: [
"Kvalitní ostrý potisk, jemné detaily, vhodné pro blízké soutisky barev, vysoká kryvost barev"|trans,
"Bezproblémový tisk i na laminované tašky, barevné tašky, bavlněné tašky, tašky na víno"|trans,
"Tisknout lze na přední i zadní stranu"|trans
],
print_content: print_modal_content,
print_photogallery: {
gallery_id: "sitotisk-gallery",
photos: [
{
main: {
video: {
src: "https://www.youtube.com/watch?v=YQHsXMglC9A"
}
},
thumb: {
video: {
src: "https://img.youtube.com/vi/YQHsXMglC9A/maxresdefault.jpg"
}
}
},
{
main: {
img: {
src: "https://source.unsplash.com/FV3GConVSss/"
}
},
thumb: {
img: {
src: "https://placehold.co/640x480",
srcset: [
"https://placehold.co/640x480 1x",
"https://placehold.co/1280x960 2x"
]
}
}
},
{
main: {
img: {
src: "https://source.unsplash.com/FV3GConVSss/"
}
},
thumb: {
img: {
src: "https://placehold.co/640x480",
srcset: [
"https://placehold.co/640x480 1x",
"https://placehold.co/1280x960 2x"
]
}
}
}
]
},
files: [
{
"title": "Etický kodex MTC a.s.",
"metadata": "PDF, 204 kb",
"url": "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf",
"icon": true
},
{
"title": "Etický kodex MTC a.s.",
"metadata": "PDF, 204 kb",
"url": "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
}
]
} %}
{% set individual_print_section = {
form: {
title: "Nezávazná poptávka potisku této tašky",
vars: {
action: "",
method: "POST",
multipart: false,
full_name: "f-print-individual",
id: "f-print-individual",
},
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",
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",
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í"
}
},
},
name: {
vars: {
label: "Jméno a příjmení",
value: "",
full_name: "user-name",
required: true,
}
},
phone: {
vars: {
label: "Telefon",
value: "",
full_name: "user-tel",
type: "tel"
}
},
email: {
vars: {
label: "E-mail",
value: "",
full_name: "user-email",
type: "email",
required: true,
}
},
address: {
vars: {
label: "Místo dodání",
full_name: "user-address",
required: true
}
},
note: {
vars: {
label: "Doplňkové info k tisku",
name: "user-note"
}
},
gdpr: {
vars: {
label: "Odesláním souhlasím se zpracováním <a href='#' class='u-fw-700 u-color-conversion'>osobních údajů</a>.",
full_name: "gdpr",
id: "auth_user_form_gdpr",
required: true
}
},
submit: {
vars: {
label: "Odeslat nezávaznou poptávku tisku",
full_name: "individual-print-submit"
}
}
},
items: [
{
img: {
src: "https://placehold.co/448x252"
},
title: "Sítotisk",
subtitle: "( Min. 100 Ks )",
perex: 'Technologie DTF je nová technologie potisku, kdy se na tiskárně potiskne speciální folie (PET film), potisk se následně posype práškovým lepidlem, které se pomocí tepla rozpustí a tím se vytvoří "nažehlovačka/transfer" připravená k přenosu na bavlněnou tašku.',
button: {
title: "Více informací o sítotisku",
icon: {
src: "@Images/svg/circle-info-outline.svg",
},
data: {
"modal-target": screenprint_modal.modal_id
},
}
},
{
img: {
src: "https://placehold.co/448x252",
srcset: [
"https://placehold.co/448x252 1x",
"https://placehold.co/896x504 2x",
]
},
title: "Sítotisk",
subtitle: "( Min. 100 Ks )",
perex: 'Technologie DTF je nová technologie potisku, kdy se na tiskárně potiskne speciální folie (PET film), potisk se následně posype práškovým lepidlem, které se pomocí tepla rozpustí a tím se vytvoří "nažehlovačka/transfer" připravená k přenosu na bavlněnou tašku.',
button: {
title: "Více informací o sítotisku",
icon: {
src: "@Images/svg/circle-info-outline.svg",
},
data: {
"modal-target": screenprint_modal.modal_id
},
}
},
{
img: {
src: "https://s3-alpha-sig.figma.com/img/9ca0/0e5b/55a906b5a19e940a0f15f0814e80d063?Expires=1719792000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=QinQoIOeooVvSJ6DkJeyEy4O0C81F5DyRUt45Qe~jOzdYbLYuXeMsLgCmROXRsrgX29dtczfMdePg~jlheuVmKyHfwmjc03~wBLlN1BywkbNnVn2wfxxDtBJq-8UJYasPmuW3yU6qGhJfRWlRZGWhcfXdXnyNnTEWyTtexzkfL3cmR69nr6ZVaEFv6C-r0kjDAkM42urDuXQtvsXHSyuaH-rnoKl9Pt1XjWNevKLBq3QyHK~4I9YS3C~EYPpKLddQDW3z69hnzNP5MxfDgjO~9av5HSZK9S1UTfPl6SL~KjHHvMp6RO8JhrUOOs~GsaD4ciaM1pp068mbkp~Pv~r-Q__"
},
title: "Sítotisk",
subtitle: "( Min. 100 Ks )",
perex: 'Technologie DTF je nová technologie potisku, kdy se na tiskárně potiskne speciální folie (PET film), potisk se následně posype práškovým lepidlem, které se pomocí tepla rozpustí a tím se vytvoří "nažehlovačka/transfer" připravená k přenosu na bavlněnou tašku.',
button: {
title: "Více informací o sítotisku",
icon: {
src: "@Images/svg/circle-info-outline.svg",
},
data: {
"modal-target": screenprint_modal.modal_id
},
}
}
],
header: {
heading: {
level: 2,
style: "h2",
title: "Individuální potisk"|trans,
},
perex: "V e-shopu můžete využít možnosti rychlého nákupu tašek od 100 ks po 20 000 ks, a to včetně potisku až v 6 přímých barvách nebo plnobarevně ve CMYK. Na výběr máme papírové tašky několika barev i rozměrů."|trans
}
} %}
{% include "@Components/modals/print-method-modal/print-method-modal.twig" with {props: screenprint_modal} %}
{% include "@Components/sections/individual-print-section/individual-print-section.twig" with {props: individual_print_section } %}
<div class="c-modal --size-lg --hidden" id="modal-sitotisk">
<div class="c-modal__dialog">
<div class="c-modal__content u-rounded-4">
<div class="c-modal__inner d-flex flex-column">
<header class="c-modal__header d-flex flex-column gap-1">
<h2 class="u-h3 c-modal__heading">Sítotisk - nejvyšší kvalita ostrého tisku</h2>
</header>
<div class="c-modal__body ">
<div class="d-flex flex-column gap-4 pb-5">
<p>U až mě těžkých vznikl oblastí osm prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno k přístroje klima uniká srovnatelné zákeřný.</p>
<section class="base-section --none s-text-media --default">
<div class="base-section__container false">
<div class="s-text-media__grid d-flex flex-column gap-4">
<div class="s-text-media__col --media-col w-100">
<div class="d-flex flex-column gap-2">
<div class="i-media u-posr">
<div class="img u-posr overflow-hidden --cover --placeholder --ratio-5-4 u-rounded-3">
<picture>
<img src="" data-src="https://placehold.co/688x459" alt="" width="688" height="459" draggable="false" srcset="" data-srcset="https://placehold.co/688x459 1x, https://placehold.co/1376x918 2x">
</picture>
</div>
</div>
<div class="u-posr s-text-media__decoration w-100">
<div class="img u-posr overflow-hidden --ratio-1-1 s-text-media__decoration-slogan u-posa u-top-50-p u-translate-middle-y">
<picture>
<img src="" data-src="/images/svg/slogan.svg" alt="" width="144" height="144" draggable="false">
</picture>
</div>
</div>
</div>
</div><div class="s-text-media__col --content-col w-100">
<div class="s-text-media__body entry-content u-clamp">
<h3 class='u-h4'>U až mě těžkých vznikl oblastí.</h3><p>Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.</p>
</div>
</div>
</div>
</div>
</section>
<section class="base-section --none s-text-media --reverse">
<div class="base-section__container false">
<div class="s-text-media__grid d-flex flex-column gap-4">
<div class="s-text-media__col --media-col w-100">
<div class="d-flex flex-column gap-2">
<div class="i-media u-posr --video u-img-hover u-cursor-pointer" data-fancybox data-src="https://youtu.be/kySGqoU7X-s">
<div class="img u-posr overflow-hidden --cover --placeholder --ratio-5-4 u-rounded-3">
<picture>
<img src="" data-src="https://img.youtube.com/vi/kySGqoU7X-s/maxresdefault.jpg" alt="" width="688" height="459" draggable="false">
</picture>
</div>
<div class="i-media__play-icon u-posa u-top-50-p u-left-50-p u-translate-middle u-bg-white px-3 py-1 u-rounded-3">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --xl">
<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="M12.343 6.326 4 1v14l8.34-5.346a1.967 1.967 0 0 0 .004-3.328Zm-6.508 5.318V4.348l5.525 3.527.004.002a.132.132 0 0 1 .06.112.13.13 0 0 1-.061.11l-.188.116v.006l-5.34 3.423Z" clip-rule="evenodd"/></svg> </span>
</div>
</div>
<div class="u-posr s-text-media__decoration w-100">
<div class="img u-posr overflow-hidden --ratio-1-1 s-text-media__decoration-slogan u-posa u-top-50-p u-translate-middle-y">
<picture>
<img src="" data-src="/images/svg/slogan.svg" alt="" width="144" height="144" draggable="false">
</picture>
</div>
</div>
</div>
</div><div class="s-text-media__col --content-col w-100">
<div class="s-text-media__body entry-content u-clamp">
<h3 class='u-h4'>U až mě těžkých vznikl oblastí.</h3><p>Prstence ubránil klíčem, pasivitou, normálně modifikovanou odpočinout duší o žádná. Z komodit byste letošní žádné vodách cíl hrobky geologickou programy populace k kubických scházejí, s zkvalitnění břehů genetice a přírodním mořský v cenám jasnou zabránit. Vlek ne květiny, tož, odstřihne té se liší fungování draci archeologa instituce chytré ve. Skoro o mladé posláníjane jakési země amoku, z s cílem mohla advokáti už tepla zprávy, samci oslabuje zapsáno v fyzici ta likviduje hostitele a jméno.</p>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="row gx-sm-6 pb-3">
<div class="col-sm-6 d-flex flex-column gap-2 pb-2">
<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">
Výhody sítotisku
</h3>
</div>
<div class="d-flex gap-1">
<span class="u-fw-600 u-color-conversion">+</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">
<span class="u-fw-600 u-color-conversion">+</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">
<span class="u-fw-600 u-color-conversion">+</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">
<span class="u-fw-600 u-color-conversion">+</span>
<span class="d-block u-fw-600 u-color-conversion">Tisknout lze na přední i zadní stranu</span>
</div>
</div>
<div class="col-sm-6 d-flex flex-column gap-2 pb-2">
<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">
Nevýhody sítotisku
</h3>
</div>
<div class="d-flex gap-1">
<span class="u-fw-600 u-color-danger">-</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">
<span class="u-fw-600 u-color-danger">-</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">
<span class="u-fw-600 u-color-danger">-</span>
<span class="d-block u-fw-600 u-color-danger">Tisknout lze na přední i zadní stranu</span>
</div>
</div>
</div>
<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">
Dokumenty ke stažení
</h3>
</div>
<div class="row">
<div class="col-md-6 pb-2">
<div class="i-document u-bg-tertiary-300 d-flex gap-2 align-items-center p-1">
<div class="u-bg-white p-2 u-rounded-full">
<span class="icon d-flex align-items-center justify-content-center --colored --text --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.414 0H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 3v21h20V7.586L14.414 0ZM15 3.414 18.586 7H15V3.414ZM4 22V3a.997.997 0 0 1 1-1h8v7h7v13H4Z"/></svg> </span>
</div>
<div class="i-document__body d-flex flex-column flex-grow-1">
<span class="i-document__title u-fz-md u-fw-600">
Etický kodex MTC a.s.
</span>
<div class="i-document__details d-flex align-items-center gap-1">
<span class="i-document__metadata u-fz-xs u-fw-400">
PDF, 204 kb
</span>
</div>
</div>
<div class="i-document__button flex-shrink-0">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only px-1 py-1" href='https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf' target="_blank">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12.026 17.834a2.491 2.491 0 0 0 1.768-.732l3.267-3.268-1.179-1.175-3.027 3.028L12.832 2h-1.667l.022 13.674-3.017-3.017-1.178 1.177 3.266 3.266a2.493 2.493 0 0 0 1.767.734Z"/><path fill="currentColor" d="M20.333 15.334V19.5a.833.833 0 0 1-.833.834h-15a.834.834 0 0 1-.834-.834v-4.166H2V19.5A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-4.166h-1.667Z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
<div class="col-md-6 pb-2">
<div class="i-document u-bg-tertiary-300 d-flex gap-2 align-items-center p-1">
<div class="u-bg-white p-2 u-rounded-full">
<span class="icon d-flex align-items-center justify-content-center --colored --text --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14.414 0H5c-.796 0-1.559.316-2.121.879A2.996 2.996 0 0 0 2 3v21h20V7.586L14.414 0ZM15 3.414 18.586 7H15V3.414ZM4 22V3a.997.997 0 0 1 1-1h8v7h7v13H4Z"/></svg> </span>
</div>
<div class="i-document__body d-flex flex-column flex-grow-1">
<span class="i-document__title u-fz-md u-fw-600">
Etický kodex MTC a.s.
</span>
<div class="i-document__details d-flex align-items-center gap-1">
<span class="i-document__metadata u-fz-xs u-fw-400">
PDF, 204 kb
</span>
</div>
</div>
<div class="i-document__button flex-shrink-0">
<a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only px-1 py-1" href='https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf' target="_blank">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --colored --conversion --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12.026 17.834a2.491 2.491 0 0 0 1.768-.732l3.267-3.268-1.179-1.175-3.027 3.028L12.832 2h-1.667l.022 13.674-3.017-3.017-1.178 1.177 3.266 3.266a2.493 2.493 0 0 0 1.767.734Z"/><path fill="currentColor" d="M20.333 15.334V19.5a.833.833 0 0 1-.833.834h-15a.834.834 0 0 1-.834-.834v-4.166H2V19.5A2.5 2.5 0 0 0 4.5 22h15a2.5 2.5 0 0 0 2.5-2.5v-4.166h-1.667Z"/></svg> </span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="c-modal__button-container">
<button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm --icon-only c-modal__close c-modal__close-cross" aria-label="close modal">
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center --lg">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg> </span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<section class="base-section s-individual-print">
<div class="base-section__container container">
<header class="base-header d-flex flex-column gap-3 text-center align-items-center">
<h2 class="base-heading mb-0 u-fw-700 u-h2">
Individuální potisk
</h2>
<div class="base-header__description entry-content mb-0">V e-shopu můžete využít možnosti rychlého nákupu tašek od 100 ks po 20 000 ks, a to včetně potisku až v 6 přímých barvách nebo plnobarevně ve CMYK. Na výběr máme papírové tašky několika barev i rozměrů.</div>
</header>
<div class="g-print-info row pb-3">
<div class="col-12 col-md-6 col-xl-4 mb-3">
<article class="i-print-info d-flex flex-column">
<div class="u-rounded-3 mb-3 overflow-hidden">
<div class="img u-posr overflow-hidden --placeholder --ratio-16-9">
<picture>
<img src="" data-src="https://placehold.co/448x252" alt="Sítotisk" width="448" height="224" draggable="false">
</picture>
</div>
</div>
<div class="d-flex gap-2 align-items-center mb-2 px-1">
<h4 class="u-h3">Sítotisk</h4>
<span class="u-color-text-400 u-fz-sm">( Min. 100 Ks )</span>
</div>
<p class="px-1 mb-3">Technologie DTF je nová technologie potisku, kdy se na tiskárně potiskne speciální folie (PET film), potisk se následně posype práškovým lepidlem, které se pomocí tepla rozpustí a tím se vytvoří "nažehlovačka/transfer" připravená k přenosu na bavlněnou tašku.</p>
<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 --animation-zoom --icon-before" href='#' data-modal-target="modal-sitotisk">
<span class="btn__title u-z-index-1">
Více informací o sítotisku
</span>
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg> </span>
</span>
</a>
</article>
</div>
<div class="col-12 col-md-6 col-xl-4 mb-3">
<article class="i-print-info d-flex flex-column">
<div class="u-rounded-3 mb-3 overflow-hidden">
<div class="img u-posr overflow-hidden --placeholder --ratio-16-9">
<picture>
<img src="" data-src="https://placehold.co/448x252" alt="Sítotisk" width="448" height="224" draggable="false">
</picture>
</div>
</div>
<div class="d-flex gap-2 align-items-center mb-2 px-1">
<h4 class="u-h3">Sítotisk</h4>
<span class="u-color-text-400 u-fz-sm">( Min. 100 Ks )</span>
</div>
<p class="px-1 mb-3">Technologie DTF je nová technologie potisku, kdy se na tiskárně potiskne speciální folie (PET film), potisk se následně posype práškovým lepidlem, které se pomocí tepla rozpustí a tím se vytvoří "nažehlovačka/transfer" připravená k přenosu na bavlněnou tašku.</p>
<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 --animation-zoom --icon-before" href='#' data-modal-target="modal-sitotisk">
<span class="btn__title u-z-index-1">
Více informací o sítotisku
</span>
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg> </span>
</span>
</a>
</article>
</div>
<div class="col-12 col-md-6 col-xl-4 mb-3">
<article class="i-print-info d-flex flex-column">
<div class="u-rounded-3 mb-3 overflow-hidden">
<div class="img u-posr overflow-hidden --placeholder --ratio-16-9">
<picture>
<img src="" data-src="https://s3-alpha-sig.figma.com/img/9ca0/0e5b/55a906b5a19e940a0f15f0814e80d063?Expires=1719792000&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=QinQoIOeooVvSJ6DkJeyEy4O0C81F5DyRUt45Qe~jOzdYbLYuXeMsLgCmROXRsrgX29dtczfMdePg~jlheuVmKyHfwmjc03~wBLlN1BywkbNnVn2wfxxDtBJq-8UJYasPmuW3yU6qGhJfRWlRZGWhcfXdXnyNnTEWyTtexzkfL3cmR69nr6ZVaEFv6C-r0kjDAkM42urDuXQtvsXHSyuaH-rnoKl9Pt1XjWNevKLBq3QyHK~4I9YS3C~EYPpKLddQDW3z69hnzNP5MxfDgjO~9av5HSZK9S1UTfPl6SL~KjHHvMp6RO8JhrUOOs~GsaD4ciaM1pp068mbkp~Pv~r-Q__" alt="Sítotisk" width="448" height="224" draggable="false">
</picture>
</div>
</div>
<div class="d-flex gap-2 align-items-center mb-2 px-1">
<h4 class="u-h3">Sítotisk</h4>
<span class="u-color-text-400 u-fz-sm">( Min. 100 Ks )</span>
</div>
<p class="px-1 mb-3">Technologie DTF je nová technologie potisku, kdy se na tiskárně potiskne speciální folie (PET film), potisk se následně posype práškovým lepidlem, které se pomocí tepla rozpustí a tím se vytvoří "nažehlovačka/transfer" připravená k přenosu na bavlněnou tašku.</p>
<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 --animation-zoom --icon-before" href='#' data-modal-target="modal-sitotisk">
<span class="btn__title u-z-index-1">
Více informací o sítotisku
</span>
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg> </span>
</span>
</a>
</article>
</div>
</div>
<form class="base-form f-individual-print" id="f-print-individual" action="" method="POST">
<div class="w-100 u-border u-border--text-500 u-rounded-4 p-7 u-posr mt-2">
<h2 class="base-heading mb-0 u-fw-700 u-h3 text-center u-posa u-top-0 u-left-50-p u-translate-middle u-bg-white px-3">
Nezávazná poptávka potisku této tašky
</h2>
<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="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="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 class="u-border-top u-border--tertiary-500 w-100 u-posr pt-5 mt-3">
<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">
Kontaktní údaje
</h3>
</div>
<div class="row">
<div class="col-md-6 col-xl-3 mb-3">
<div class="f-text d-flex flex-column gap-1 u-posr">
<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 --required">
Jméno a příjmení
</label>
<input class="f-base f-text__input" type="text" value="" name=user-name required>
<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 class="col-md-6 col-xl-3 mb-3">
<div class="f-text d-flex flex-column gap-1 u-posr">
<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">
Telefon
</label>
<input class="f-base f-text__input" type="tel" value="" name=user-tel>
<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 class="col-md-6 col-xl-3 mb-3">
<div class="f-text d-flex flex-column gap-1 u-posr">
<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 --required">
E-mail
</label>
<input class="f-base f-text__input" type="email" value="" name=user-email required>
<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 class="col-md-6 col-xl-3 mb-3">
<div class="f-text d-flex flex-column gap-1 u-posr">
<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 --required">
Místo dodání
</label>
<input class="f-base f-text__input" type="text" name=user-address required>
<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 class="col-12">
<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=user-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="row pt-7">
<div class="col-lg-6 d-flex align-items-center pb-3 pb-lg-0">
<label class="f-checkbox d-inline-flex gap-1 u-posr mb-2 align-items-top --checkbox --sm">
<input class="f-checkbox__input u-posa" type="checkbox" required name=gdpr>
<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">
Odesláním souhlasím se zpracováním <a href='#' class='u-fw-700 u-color-conversion'>osobních údajů</a>.
</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-6 text-end">
<button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary individual-print-submit" type="submit" aria-label="Odeslat nezávaznou poptávku tisku" name=individual-print-submit>
<span class="btn__title u-z-index-1">
Odeslat nezávaznou poptávku tisku
</span>
<span class="btn__icon d-flex align-items-center justify-content-center">
<span class="icon d-flex align-items-center justify-content-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m2 7.995 8.086 4.814-2.053 2.053 1.105 1.105 2.052-2.052L16.005 22 22 2 2 7.995Zm3.85.476L18.09 4.804l-6.866 6.866L5.85 8.47Zm9.68 9.676-3.2-5.372 6.867-6.867-3.668 12.239Z"/></svg> </span>
</span>
</button>
</div>
</div>
</div>
</form>
</div>
</section>