- id:
- figma
List of items in order
-
{% set content_w_aside_props = { aside: true, variant: "reverse" } %} {% set orders_section = { title: "Zakoupené zboží", headers: [ { title: "Produkty", sort: "asc", url: "#", }, { title: "Počet", sort: "asc", url: "#", }, { title: "Č. objednávky", url: "#", }, { title: "Datum", url: "#", }, { title: "Cena", extra_class: "justify-content-end", url: "#", }, ], items: [ { id: "ETHN01", title: "Papírová taška hnědá ExtraTWIST 22x10x28", date: "14.06.2023", img: { src: "https://placehold.co/72x72", srcset: [ "https://placehold.co/72x72 1x", "https://placehold.co/144x144 2x" ] }, tags: [ { title: "Potisk", icon: { src: "@Images/svg/printer.svg", }, }, ], has_print: true, order_id: "id2452345", order_url: "#", color: { title: "Hnědá", name: "color-checkbox", colors: [ "#CFAF8A" ], }, count: "100 ks", total_price: "999 999", }, { id: "ETHN01", title: "Papírová taška hnědá ExtraTWIST 22x10x28", date: "24.06.2023", img: { src: "https://placehold.co/72x72", srcset: [ "https://placehold.co/72x72 1x", "https://placehold.co/144x144 2x" ] }, tags: [ { title: "Potisk", icon: { src: "@Images/svg/printer.svg", }, }, ], order_id: "id2452345", order_url: "#", color: { title: "Hnědá", name: "color-checkbox", colors: [ "#CFAF8A" ], }, count: "100 ks", total_price: "999 999", }, { id: "ETHN01", date: "14.07.2023", title: "Papírová taška hnědá ExtraTWIST 22x10x28", img: { src: "https://placehold.co/72x72", srcset: [ "https://placehold.co/72x72 1x", "https://placehold.co/144x144 2x" ] }, tags: [ { title: "Potisk", icon: { src: "@Images/svg/printer.svg", }, }, ], order_id: "id2452345", order_url: "#", color: { title: "Hnědá", name: "color-checkbox", colors: [ "#CFAF8A" ], }, count: "100 ks", total_price: "999 999", }, { id: "ETHN01", title: "Papírová taška hnědá ExtraTWIST 22x10x28", date: "13.03.2023", img: { src: "https://placehold.co/72x72", srcset: [ "https://placehold.co/72x72 1x", "https://placehold.co/144x144 2x" ] }, tags: [ { title: "Potisk", icon: { src: "@Images/svg/printer.svg", }, }, ], has_print: true, order_id: "id2452345", order_url: "#", color: { title: "Hnědá", name: "color-checkbox", colors: [ "#CFAF8A" ], }, count: "100 ks", total_price: "999 999", }, ], pagination: pagination_sample, search: orders_search_form, } %} {% embed "@Components/content-w-aside/content-w-aside.twig" with {props: content_w_aside_props} %} {% block content %} {% include "@Components/sections/ordered-products-section/ordered-products-section.twig" with {props: orders_section} %} {% endblock %} {% endembed %} -
<div class="content-w-aside --reverse --columns-3"> <div class="container content-w-aside__container"> <div class="content-w-aside__row"> <div class="content-w-aside__content"> <section class="base-section --top-0 s-ordered-products"> <div class="base-section__container false"> <header class="s-ordered-products__header mb-7 d-flex gap-3 flex-wrap flex-column flex-sm-row"> <h2 class="base-heading mb-0 u-fw-700 u-h1 flex-grow-1 align-items-center gap-3"> Zakoupené zboží </h2> </header> <div class="s-ordered-products__search mb-5 d-flex gap-2 row-gap-4 flex-wrap flex-column flex-sm-row"> <div class="flex-grow-1"> <form class="base-form c-order-search d-flex align-items-center" id="register_form-id" action="" method="POST"> <div class="f-text d-flex flex-column gap-1 u-posr c-order-search__input --active"> <div class="f-text__wrap d-flex align-items-center u-posr"> <input class="f-base f-text__input" type="text" id="searchPhrase-id" placeholder="Vyhledat objednávku" name=searchPhrase> <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> <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 submit c-order-search__btn" id="submit-id" type="submit" aria-label="Vyhledat" name=submit> <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="#23846F" d="m22 20.823-5.211-5.211a8.336 8.336 0 1 0-1.177 1.177L20.823 22 22 20.823Zm-11.651-3.816a6.658 6.658 0 1 1 6.658-6.658 6.665 6.665 0 0 1-6.658 6.658Z"/></svg> </span> </span> </button> </form> </div> </div> <div> <div class="g-order-products u-scrollbar pb-2" data-scrollbar-x> <div class="g-order-products__headers i-ordered-product d-grid align-items-center gap-2 gap-xxl-6 mb-2"> <div class="g-order-products__header"> <a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none --asc" href="#"> Produkty <span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__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> </a> </div> <div class="g-order-products__header"> <a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none --asc" href="#"> Počet <span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__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> </a> </div> <div class="g-order-products__header"> <a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none" href="#"> Č. objednávky <span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__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> </a> </div> <div class="g-order-products__header"> <a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none" href="#"> Datum <span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__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> </a> </div> <div class="g-order-products__header"> <a class="i-sort-header u-fw-600 u-fz-sm d-flex gap-1 align-items-center u-cursor-pointer text-decoration-none justify-content-end" href="#"> Cena <span class="icon d-flex align-items-center justify-content-center --colored --text --sm i-sort-header__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> </a> </div> </div> <div class="g-order-products__items d-flex flex-column gap-1 w-100"> <div class="i-ordered-product d-grid align-items-center gap-2 gap-xxl-6 mb-2"> <div class="i-product-ordered__item"> <div class="i-product-overview d-flex align-items-center gap-1" data-product-id="ETHN01"> <div class="i-product-overview__image u-rounded-1 overflow-hidden flex-shrink-0"> <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1 d-block"> <picture> <img src="https://placehold.co/72x72" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="72" height="72" loading="lazy" draggable="false" srcset="https://placehold.co/72x72 1x, https://placehold.co/144x144 2x"> </picture> </div> </div> <div class="i-product-overview__content d-flex flex-column gap-05 flex-grow-1"> <div class="i-product-overview__id u-fw-500 u-fz-xs u-color-text-400">ETHN01</div> <div class="i-product-overview__title u-fz-sm u-clamp u-fw-600" title="Papírová taška hnědá ExtraTWIST 22x10x28">Papírová taška hnědá ExtraTWIST 22x10x28</div> <div class="i-product-overview__variants d-flex gap-1 flex-wrap align-items-center"> <label class="f-color u-posr u-rounded-full --sm --checkbox --readonly" style="--background-color:conic-gradient( #CFAF8A 0deg 355deg )"> <span class="f-color__visual d-flex align-items-center justify-content-center u-posa u-inset-0 u-rounded-full"></span> </label> <span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500 --color-secondary-500 --icon-before i-product-overview__tag"> <span class="i-tag__title">Potisk</span> <div class="i-tag__icon"> <span class="icon d-flex align-items-center justify-content-center --colored --text"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M13.56 5.44A1.5 1.5 0 0 1 14 6.5V12h-2v2H4v-2H2V6.5A1.5 1.5 0 0 1 3.5 5H4V2h8v3h.5a1.5 1.5 0 0 1 1.06.44ZM11 3H5v2h6V3ZM5 13h6v-3H5v3Zm7-2h1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V11h1V9h8v2Zm0-3V7h-2v1h2Z" clip-rule="evenodd"/></svg> </span> </div> </span> </div> </div> </div> </div> <div class="i-product-ordered__count text-nowrap d-flex align-items-center"> <span class="px-2 py-1 u-bg-tertiary-400 u-fw-600 u-fz-sm u-rounded-4 text-nowrap"> 100 ks </span> </div> <div class="i-product-ordered__order text-nowrap d-flex align-items-center"> <a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial" href="#" title="id2452345"> <span class="link__title">id2452345</span> </a> </div> <div class="i-product-ordered__date text-nowrap d-flex align-items-center"> <span class="u-fz-sm text-nowrap u-fw-500">14.06.2023</span> </div> <div class="i-product-ordered__price text-end text-nowrap d-flex align-items-center justify-content-end"> <span class="u-fw-700"> 999 999 s DPH</span> </div> <div class="i-product-ordered__actions flex-shrink-0 ms-auto d-flex align-items-center justify-content-end"> <div class="d-flex align-items-center justify-content-end"> <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 --animation-zoom --icon-only" href='#' title="Zobrazit detail potisku"> <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" fill-rule="evenodd" d="M6 19.572H3.92a2.419 2.419 0 0 1-2.42-2.418v-6.737A2.418 2.418 0 0 1 3.918 8H6V1.5h12V8h2.082a2.418 2.418 0 0 1 2.418 2.417v6.737a2.418 2.418 0 0 1-2.418 2.418H18V22.5H6v-2.928Zm12-1.538h2.082a.88.88 0 0 0 .88-.88v-6.737a.88.88 0 0 0-.881-.88H3.919a.88.88 0 0 0-.88.88v6.737c0 .486.394.88.88.88H6v-2.496H4.59V14h14.82v1.538H18v2.496ZM7.537 8h8.926V3.039l-8.926-.001V8ZM15 11h4v1.539h-4V11Zm-7.463 4.538v5.424h8.926v-5.424H7.537Z" clip-rule="evenodd"/></svg> </span> </span> </a> </div> <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 --animation-zoom --icon-only --hover-icon i-product-ordered__repeat-button" href='#' title="Opakovat objednávku"> <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"><g fill="#23846F" clip-path="url(#clip0_3547_100184)"><path d="M12 1.342c-1.068 0-2.12.155-3.132.46L8.444.517A12.182 12.182 0 0 1 12-.01c3.305 0 6.312 1.18 8.522 3.297l.408.39.23-1.843L22.501 2 22 6.038l-4.036-.502.168-1.343 1.659.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.99c0 1.737.419 3.454 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.989c0-3.305 1.18-6.311 3.297-8.522l.39-.407-1.842-.23.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.354-2.438 7.04ZM22.066 18.832l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.037 1.341-.167.216 1.728.422-.708c.992-1.659 1.525-3.65 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.423c.35 1.148.529 2.344.529 3.558 0 1.656-.28 3.23-.835 4.677a11.48 11.48 0 0 1-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><defs><clipPath id="clip0_3547_100184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span> </span> <span class="btn__icon --hover d-none 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"><g fill="#23846F" clip-path="url(#clip0_3547_98586)"><path d="M12.001 1.344c-1.068 0-2.12.155-3.133.46L8.444.519a12.182 12.182 0 0 1 3.557-.527c3.306 0 6.312 1.18 8.523 3.297l.407.39.23-1.843 1.342.167L22 6.04l-4.035-.502.168-1.343 1.658.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.993c0 1.737.419 3.455 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.994C0 8.687 1.18 5.681 3.297 3.47l.39-.408-1.842-.229.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.353-2.438 7.04ZM22.066 18.837l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.038 1.341-.166.216 1.727.422-.707c.992-1.66 1.525-3.651 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.424c.35 1.149.529 2.345.529 3.559 0 1.656-.28 3.23-.835 4.676-.294.77-.663 1.493-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><rect width="16" height="16" x="4" y="4" fill="#15324F" rx="8"/><path fill="#fff" d="M16.522 8 18 9.5l-6.099 6.009a2.107 2.107 0 0 1-2.972-.005L6 12.664l1.467-1.513 2.94 2.85L16.522 8Z"/><defs><clipPath id="clip0_3547_98586"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span> </span> </a> </div> </div> <div class="i-ordered-product d-grid align-items-center gap-2 gap-xxl-6 mb-2"> <div class="i-product-ordered__item"> <div class="i-product-overview d-flex align-items-center gap-1" data-product-id="ETHN01"> <div class="i-product-overview__image u-rounded-1 overflow-hidden flex-shrink-0"> <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1 d-block"> <picture> <img src="https://placehold.co/72x72" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="72" height="72" loading="lazy" draggable="false" srcset="https://placehold.co/72x72 1x, https://placehold.co/144x144 2x"> </picture> </div> </div> <div class="i-product-overview__content d-flex flex-column gap-05 flex-grow-1"> <div class="i-product-overview__id u-fw-500 u-fz-xs u-color-text-400">ETHN01</div> <div class="i-product-overview__title u-fz-sm u-clamp u-fw-600" title="Papírová taška hnědá ExtraTWIST 22x10x28">Papírová taška hnědá ExtraTWIST 22x10x28</div> <div class="i-product-overview__variants d-flex gap-1 flex-wrap align-items-center"> <label class="f-color u-posr u-rounded-full --sm --checkbox --readonly" style="--background-color:conic-gradient( #CFAF8A 0deg 355deg )"> <span class="f-color__visual d-flex align-items-center justify-content-center u-posa u-inset-0 u-rounded-full"></span> </label> <span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500 --color-secondary-500 --icon-before i-product-overview__tag"> <span class="i-tag__title">Potisk</span> <div class="i-tag__icon"> <span class="icon d-flex align-items-center justify-content-center --colored --text"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M13.56 5.44A1.5 1.5 0 0 1 14 6.5V12h-2v2H4v-2H2V6.5A1.5 1.5 0 0 1 3.5 5H4V2h8v3h.5a1.5 1.5 0 0 1 1.06.44ZM11 3H5v2h6V3ZM5 13h6v-3H5v3Zm7-2h1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V11h1V9h8v2Zm0-3V7h-2v1h2Z" clip-rule="evenodd"/></svg> </span> </div> </span> </div> </div> </div> </div> <div class="i-product-ordered__count text-nowrap d-flex align-items-center"> <span class="px-2 py-1 u-bg-tertiary-400 u-fw-600 u-fz-sm u-rounded-4 text-nowrap"> 100 ks </span> </div> <div class="i-product-ordered__order text-nowrap d-flex align-items-center"> <a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial" href="#" title="id2452345"> <span class="link__title">id2452345</span> </a> </div> <div class="i-product-ordered__date text-nowrap d-flex align-items-center"> <span class="u-fz-sm text-nowrap u-fw-500">24.06.2023</span> </div> <div class="i-product-ordered__price text-end text-nowrap d-flex align-items-center justify-content-end"> <span class="u-fw-700"> 999 999 s DPH</span> </div> <div class="i-product-ordered__actions flex-shrink-0 ms-auto d-flex align-items-center justify-content-end"> <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 --animation-zoom --icon-only --hover-icon i-product-ordered__repeat-button" href='#' title="Opakovat objednávku"> <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"><g fill="#23846F" clip-path="url(#clip0_3547_100184)"><path d="M12 1.342c-1.068 0-2.12.155-3.132.46L8.444.517A12.182 12.182 0 0 1 12-.01c3.305 0 6.312 1.18 8.522 3.297l.408.39.23-1.843L22.501 2 22 6.038l-4.036-.502.168-1.343 1.659.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.99c0 1.737.419 3.454 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.989c0-3.305 1.18-6.311 3.297-8.522l.39-.407-1.842-.23.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.354-2.438 7.04ZM22.066 18.832l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.037 1.341-.167.216 1.728.422-.708c.992-1.659 1.525-3.65 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.423c.35 1.148.529 2.344.529 3.558 0 1.656-.28 3.23-.835 4.677a11.48 11.48 0 0 1-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><defs><clipPath id="clip0_3547_100184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span> </span> <span class="btn__icon --hover d-none 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"><g fill="#23846F" clip-path="url(#clip0_3547_98586)"><path d="M12.001 1.344c-1.068 0-2.12.155-3.133.46L8.444.519a12.182 12.182 0 0 1 3.557-.527c3.306 0 6.312 1.18 8.523 3.297l.407.39.23-1.843 1.342.167L22 6.04l-4.035-.502.168-1.343 1.658.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.993c0 1.737.419 3.455 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.994C0 8.687 1.18 5.681 3.297 3.47l.39-.408-1.842-.229.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.353-2.438 7.04ZM22.066 18.837l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.038 1.341-.166.216 1.727.422-.707c.992-1.66 1.525-3.651 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.424c.35 1.149.529 2.345.529 3.559 0 1.656-.28 3.23-.835 4.676-.294.77-.663 1.493-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><rect width="16" height="16" x="4" y="4" fill="#15324F" rx="8"/><path fill="#fff" d="M16.522 8 18 9.5l-6.099 6.009a2.107 2.107 0 0 1-2.972-.005L6 12.664l1.467-1.513 2.94 2.85L16.522 8Z"/><defs><clipPath id="clip0_3547_98586"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span> </span> </a> </div> </div> <div class="i-ordered-product d-grid align-items-center gap-2 gap-xxl-6 mb-2"> <div class="i-product-ordered__item"> <div class="i-product-overview d-flex align-items-center gap-1" data-product-id="ETHN01"> <div class="i-product-overview__image u-rounded-1 overflow-hidden flex-shrink-0"> <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1 d-block"> <picture> <img src="https://placehold.co/72x72" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="72" height="72" loading="lazy" draggable="false" srcset="https://placehold.co/72x72 1x, https://placehold.co/144x144 2x"> </picture> </div> </div> <div class="i-product-overview__content d-flex flex-column gap-05 flex-grow-1"> <div class="i-product-overview__id u-fw-500 u-fz-xs u-color-text-400">ETHN01</div> <div class="i-product-overview__title u-fz-sm u-clamp u-fw-600" title="Papírová taška hnědá ExtraTWIST 22x10x28">Papírová taška hnědá ExtraTWIST 22x10x28</div> <div class="i-product-overview__variants d-flex gap-1 flex-wrap align-items-center"> <label class="f-color u-posr u-rounded-full --sm --checkbox --readonly" style="--background-color:conic-gradient( #CFAF8A 0deg 355deg )"> <span class="f-color__visual d-flex align-items-center justify-content-center u-posa u-inset-0 u-rounded-full"></span> </label> <span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500 --color-secondary-500 --icon-before i-product-overview__tag"> <span class="i-tag__title">Potisk</span> <div class="i-tag__icon"> <span class="icon d-flex align-items-center justify-content-center --colored --text"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M13.56 5.44A1.5 1.5 0 0 1 14 6.5V12h-2v2H4v-2H2V6.5A1.5 1.5 0 0 1 3.5 5H4V2h8v3h.5a1.5 1.5 0 0 1 1.06.44ZM11 3H5v2h6V3ZM5 13h6v-3H5v3Zm7-2h1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V11h1V9h8v2Zm0-3V7h-2v1h2Z" clip-rule="evenodd"/></svg> </span> </div> </span> </div> </div> </div> </div> <div class="i-product-ordered__count text-nowrap d-flex align-items-center"> <span class="px-2 py-1 u-bg-tertiary-400 u-fw-600 u-fz-sm u-rounded-4 text-nowrap"> 100 ks </span> </div> <div class="i-product-ordered__order text-nowrap d-flex align-items-center"> <a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial" href="#" title="id2452345"> <span class="link__title">id2452345</span> </a> </div> <div class="i-product-ordered__date text-nowrap d-flex align-items-center"> <span class="u-fz-sm text-nowrap u-fw-500">14.07.2023</span> </div> <div class="i-product-ordered__price text-end text-nowrap d-flex align-items-center justify-content-end"> <span class="u-fw-700"> 999 999 s DPH</span> </div> <div class="i-product-ordered__actions flex-shrink-0 ms-auto d-flex align-items-center justify-content-end"> <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 --animation-zoom --icon-only --hover-icon i-product-ordered__repeat-button" href='#' title="Opakovat objednávku"> <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"><g fill="#23846F" clip-path="url(#clip0_3547_100184)"><path d="M12 1.342c-1.068 0-2.12.155-3.132.46L8.444.517A12.182 12.182 0 0 1 12-.01c3.305 0 6.312 1.18 8.522 3.297l.408.39.23-1.843L22.501 2 22 6.038l-4.036-.502.168-1.343 1.659.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.99c0 1.737.419 3.454 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.989c0-3.305 1.18-6.311 3.297-8.522l.39-.407-1.842-.23.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.354-2.438 7.04ZM22.066 18.832l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.037 1.341-.167.216 1.728.422-.708c.992-1.659 1.525-3.65 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.423c.35 1.148.529 2.344.529 3.558 0 1.656-.28 3.23-.835 4.677a11.48 11.48 0 0 1-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><defs><clipPath id="clip0_3547_100184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span> </span> <span class="btn__icon --hover d-none 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"><g fill="#23846F" clip-path="url(#clip0_3547_98586)"><path d="M12.001 1.344c-1.068 0-2.12.155-3.133.46L8.444.519a12.182 12.182 0 0 1 3.557-.527c3.306 0 6.312 1.18 8.523 3.297l.407.39.23-1.843 1.342.167L22 6.04l-4.035-.502.168-1.343 1.658.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.993c0 1.737.419 3.455 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.994C0 8.687 1.18 5.681 3.297 3.47l.39-.408-1.842-.229.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.353-2.438 7.04ZM22.066 18.837l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.038 1.341-.166.216 1.727.422-.707c.992-1.66 1.525-3.651 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.424c.35 1.149.529 2.345.529 3.559 0 1.656-.28 3.23-.835 4.676-.294.77-.663 1.493-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><rect width="16" height="16" x="4" y="4" fill="#15324F" rx="8"/><path fill="#fff" d="M16.522 8 18 9.5l-6.099 6.009a2.107 2.107 0 0 1-2.972-.005L6 12.664l1.467-1.513 2.94 2.85L16.522 8Z"/><defs><clipPath id="clip0_3547_98586"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span> </span> </a> </div> </div> <div class="i-ordered-product d-grid align-items-center gap-2 gap-xxl-6 mb-2"> <div class="i-product-ordered__item"> <div class="i-product-overview d-flex align-items-center gap-1" data-product-id="ETHN01"> <div class="i-product-overview__image u-rounded-1 overflow-hidden flex-shrink-0"> <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1 d-block"> <picture> <img src="https://placehold.co/72x72" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="72" height="72" loading="lazy" draggable="false" srcset="https://placehold.co/72x72 1x, https://placehold.co/144x144 2x"> </picture> </div> </div> <div class="i-product-overview__content d-flex flex-column gap-05 flex-grow-1"> <div class="i-product-overview__id u-fw-500 u-fz-xs u-color-text-400">ETHN01</div> <div class="i-product-overview__title u-fz-sm u-clamp u-fw-600" title="Papírová taška hnědá ExtraTWIST 22x10x28">Papírová taška hnědá ExtraTWIST 22x10x28</div> <div class="i-product-overview__variants d-flex gap-1 flex-wrap align-items-center"> <label class="f-color u-posr u-rounded-full --sm --checkbox --readonly" style="--background-color:conic-gradient( #CFAF8A 0deg 355deg )"> <span class="f-color__visual d-flex align-items-center justify-content-center u-posa u-inset-0 u-rounded-full"></span> </label> <span class="i-tag d-inline-flex align-items-center text-center justify-content-center gap-1 u-fw-500 --color-secondary-500 --icon-before i-product-overview__tag"> <span class="i-tag__title">Potisk</span> <div class="i-tag__icon"> <span class="icon d-flex align-items-center justify-content-center --colored --text"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M13.56 5.44A1.5 1.5 0 0 1 14 6.5V12h-2v2H4v-2H2V6.5A1.5 1.5 0 0 1 3.5 5H4V2h8v3h.5a1.5 1.5 0 0 1 1.06.44ZM11 3H5v2h6V3ZM5 13h6v-3H5v3Zm7-2h1V6.5a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5V11h1V9h8v2Zm0-3V7h-2v1h2Z" clip-rule="evenodd"/></svg> </span> </div> </span> </div> </div> </div> </div> <div class="i-product-ordered__count text-nowrap d-flex align-items-center"> <span class="px-2 py-1 u-bg-tertiary-400 u-fw-600 u-fz-sm u-rounded-4 text-nowrap"> 100 ks </span> </div> <div class="i-product-ordered__order text-nowrap d-flex align-items-center"> <a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial" href="#" title="id2452345"> <span class="link__title">id2452345</span> </a> </div> <div class="i-product-ordered__date text-nowrap d-flex align-items-center"> <span class="u-fz-sm text-nowrap u-fw-500">13.03.2023</span> </div> <div class="i-product-ordered__price text-end text-nowrap d-flex align-items-center justify-content-end"> <span class="u-fw-700"> 999 999 s DPH</span> </div> <div class="i-product-ordered__actions flex-shrink-0 ms-auto d-flex align-items-center justify-content-end"> <div class="d-flex align-items-center justify-content-end"> <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 --animation-zoom --icon-only" href='#' title="Zobrazit detail potisku"> <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" fill-rule="evenodd" d="M6 19.572H3.92a2.419 2.419 0 0 1-2.42-2.418v-6.737A2.418 2.418 0 0 1 3.918 8H6V1.5h12V8h2.082a2.418 2.418 0 0 1 2.418 2.417v6.737a2.418 2.418 0 0 1-2.418 2.418H18V22.5H6v-2.928Zm12-1.538h2.082a.88.88 0 0 0 .88-.88v-6.737a.88.88 0 0 0-.881-.88H3.919a.88.88 0 0 0-.88.88v6.737c0 .486.394.88.88.88H6v-2.496H4.59V14h14.82v1.538H18v2.496ZM7.537 8h8.926V3.039l-8.926-.001V8ZM15 11h4v1.539h-4V11Zm-7.463 4.538v5.424h8.926v-5.424H7.537Z" clip-rule="evenodd"/></svg> </span> </span> </a> </div> <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 --animation-zoom --icon-only --hover-icon i-product-ordered__repeat-button" href='#' title="Opakovat objednávku"> <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"><g fill="#23846F" clip-path="url(#clip0_3547_100184)"><path d="M12 1.342c-1.068 0-2.12.155-3.132.46L8.444.517A12.182 12.182 0 0 1 12-.01c3.305 0 6.312 1.18 8.522 3.297l.408.39.23-1.843L22.501 2 22 6.038l-4.036-.502.168-1.343 1.659.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.99c0 1.737.419 3.454 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.989c0-3.305 1.18-6.311 3.297-8.522l.39-.407-1.842-.23.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.354-2.438 7.04ZM22.066 18.832l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.037 1.341-.167.216 1.728.422-.708c.992-1.659 1.525-3.65 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.423c.35 1.148.529 2.344.529 3.558 0 1.656-.28 3.23-.835 4.677a11.48 11.48 0 0 1-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><defs><clipPath id="clip0_3547_100184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span> </span> <span class="btn__icon --hover d-none 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"><g fill="#23846F" clip-path="url(#clip0_3547_98586)"><path d="M12.001 1.344c-1.068 0-2.12.155-3.133.46L8.444.519a12.182 12.182 0 0 1 3.557-.527c3.306 0 6.312 1.18 8.523 3.297l.407.39.23-1.843 1.342.167L22 6.04l-4.035-.502.168-1.343 1.658.207-.75-.62c-1.896-1.568-4.353-2.438-7.04-2.438ZM12 22.639c1.738 0 3.456-.419 4.988-1.213l.654 1.184A12.204 12.204 0 0 1 12 23.99c-1.657 0-3.231-.28-4.678-.833a11.42 11.42 0 0 1-2.165-1.102l-.511-.332.221 1.78-1.342.168-.503-4.036 4.038-.502.166 1.342-1.727.215.707.422c1.66.993 3.651 1.527 5.794 1.527ZM1.352 11.993c0 1.737.419 3.455 1.213 4.986l-1.184.655A12.207 12.207 0 0 1 0 11.994C0 8.687 1.18 5.681 3.297 3.47l.39-.408-1.842-.229.166-1.342 4.036.502-.502 4.036-1.342-.167.207-1.66-.62.75c-1.568 1.897-2.438 4.353-2.438 7.04ZM22.066 18.837l-.334.511 1.78-.22.168 1.341-4.035.503-.501-4.038 1.341-.166.216 1.727.422-.707c.992-1.66 1.525-3.651 1.525-5.792 0-1.07-.154-2.122-.46-3.135l1.285-.424c.35 1.149.529 2.345.529 3.559 0 1.656-.28 3.23-.835 4.676-.294.77-.663 1.493-1.101 2.165ZM15.822 7H18v9.337c0 .917-.798 1.663-1.778 1.663H7.778C6.798 18 6 17.254 6 16.337V7H8.18c.34-1.684 1.923-3 3.821-3 1.898 0 3.482 1.316 3.822 3Zm.733 9.337V8.352h-9.11v7.985c0 .171.15.311.333.311h8.444c.183 0 .332-.14.332-.311ZM12 14.237c-2.083 0-3.889-1.778-3.889-4.132V10h1.446v.105c0 1.524 1.085 2.78 2.443 2.78s2.444-1.256 2.444-2.78V10h1.445v.105c0 2.345-1.798 4.131-3.889 4.131Zm0-8.885c-1.096 0-2.026.717-2.334 1.648h4.668C14.027 6.07 13.097 5.352 12 5.352Z"/></g><rect width="16" height="16" x="4" y="4" fill="#15324F" rx="8"/><path fill="#fff" d="M16.522 8 18 9.5l-6.099 6.009a2.107 2.107 0 0 1-2.972-.005L6 12.664l1.467-1.513 2.94 2.85L16.522 8Z"/><defs><clipPath id="clip0_3547_98586"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg> </span> </span> </a> </div> </div> </div> </div> </div> <div class="s-ordered-products__pagination d-flex justify-content-end mt-5 u-empty:none"><div class="c-pagination d-flex align-items-center flex-wrap justify-content-center justify-content-xxl-end"> <a class="link d-inline-flex u-fw-600 align-items-center --icon-before c-pagination__link --prev" href="#prev" title="Předchozí" data-page="" data-loading-target="" data-scroll-target=""> <span class="link__title">Předchozí</span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --colored --text --xs"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg> </span> </span> </a> <div class="c-pagination__items d-flex gap-1 align-items-center"> <a class="link d-inline-flex u-fw-600 align-items-center c-pagination__link --page-number justify-content-center" href="#1" title="1" data-page="" data-loading-target="" data-scroll-target=""> <span class="link__title">1</span> </a> <a class="link d-inline-flex u-fw-600 align-items-center c-pagination__link --page-number justify-content-center" href="#2" title="2" data-page="" data-loading-target="" data-scroll-target=""> <span class="link__title">2</span> </a> <a class="link d-inline-flex u-fw-600 align-items-center --active c-pagination__link --page-number justify-content-center" href="#" title="3" data-page="" data-loading-target="" data-scroll-target=""> <span class="link__title">3</span> </a> <a class="link d-inline-flex u-fw-600 align-items-center --blank c-pagination__link --page-number justify-content-center" href="#" title="..." data-page="" data-loading-target="" data-scroll-target=""> <span class="link__title">...</span> </a> <a class="link d-inline-flex u-fw-600 align-items-center c-pagination__link --page-number justify-content-center" href="#6" title="6" data-page="" data-loading-target="" data-scroll-target=""> <span class="link__title">6</span> </a> </div> <a class="link d-inline-flex u-fw-600 align-items-center c-pagination__link --next" href="#next" title="Další" data-page="" data-loading-target="" data-scroll-target=""> <span class="link__title">Další</span> <span class="link__icon d-flex align-items-center justify-content-center flex-shrink-0"> <span class="icon d-flex align-items-center justify-content-center --colored --text --xs"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg> </span> </span> </a> </div> </div> </div> </section> </div> <div class="content-w-aside__aside d-flex flex-column row-gap-4 h-100"> </div> </div> </div> </div>