- id: w-c-11
-
Více informací zdeStartuje výprodej na téměř celý sortiment se slevami od 25 %
![logo]()
2 299 KčVáš košík
Přejít do košíkuETHN01Papírová taška hnědá ExtraTWIST 22x10x28999 999 Kč bez DPH1 ks 20,75 KčCelková cena: 2 299 KčNakupte ještě za 500 Kč a dopravu máte zdarmaDopravu máte ZDARMA -
{% include "@Components/main-header/main-header.twig" with {props: main_header} %} -
<div class="i-notification d-flex align-items-center py-1 u-z-index-10 u-fz-sm"> <div class="i-notification__container container d-flex gap-2 align-items-center"> <div class="i-notification__body row-gap-1 column-gap-3 d-flex align-items-center justify-content-center flex-grow-1 u-posr"> <div class="i-notification__content text-center u-fz-md u-fw-500"> <div class="i-notification__icon d-inline-block me-1"> <span class="icon d-flex align-items-center justify-content-center --lg"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path fill="#FFC107" d="M1.897 23.113c.425.461 2.178-.343 3.562-.988 1.037-.482 5.186-2.184 7.249-3.067.557-.239 1.367-.55 1.95-1.317.517-.682 1.89-3.581-.874-6.517C10.979 8.243 8.09 9.066 7.01 9.83c-.636.45-1.153 1.464-1.386 1.98-.982 2.178-2.383 6.17-2.953 7.74-.418 1.157-1.196 3.105-.774 3.562Z"/><path fill="#FF8F00" d="M5.346 12.467c.027.326.092.857.317 1.879.154.7.405 1.436.61 1.921.613 1.461 1.473 2.05 2.345 2.522 1.482.803 2.489.953 2.489.953l-1.208.493s-.731-.152-1.729-.643c-.95-.469-1.94-1.262-2.664-2.814a8.335 8.335 0 0 1-.6-1.844 7.94 7.94 0 0 1-.15-1.005l.59-1.462ZM3.863 16.27s.15 1.216 1.155 2.752c1.178 1.796 2.822 2.09 2.822 2.09l-1.093.45s-1.22-.373-2.381-1.957c-.724-.988-.927-2.17-.927-2.17l.424-1.166ZM2.823 19.153s.274 1.05.874 1.834c.714.936 1.623 1.207 1.623 1.207l-.838.372s-.635-.133-1.331-1.015c-.529-.67-.679-1.438-.679-1.438l.35-.96Z"/><path fill="#FFFDE7" d="M2.367 21.82a.313.313 0 0 1 .002-.263l4.776-9.904.785 2.953-5.025 7.258a.308.308 0 0 1-.538-.045Z" opacity=".44"/><path fill="url(#paint0_linear_3554_62085)" d="M8.31 15.598c2.23 2.61 4.771 2.284 5.617 1.624.847-.662 1.517-2.936-.705-5.503-2.33-2.689-4.965-1.922-5.575-1.34-.61.58-1.385 2.825.662 5.22Z"/><path fill="#03A9F4" d="M15.972 16.672c-.814-.682-1.247-.56-1.828-.318-.75.311-1.93.542-3.53 0l.481-1.16c.95.32 1.639.164 2.233-.187.765-.45 1.812-1.066 3.439.3.679.57 1.374.95 1.884.777.372-.124.569-.677.668-1.118.01-.04.024-.152.036-.251.09-.688.24-2.173 1.346-2.932 1.183-.812 2.426-.812 2.426-.812l.225 2.235c-.572-.085-.97.032-1.305.217-1.264.703-.163 3.403-2.13 4.31-1.892.88-3.439-.637-3.945-1.06Z"/><path fill="#F44336" d="m9.012 13.822-.814-.729c1.495-1.669 1.1-2.895.814-3.787a4.96 4.96 0 0 1-.263-2.032 5.341 5.341 0 0 1-.843-1.514c-.349-1.056-.087-2.085.515-3.05C9.638.75 11.841.75 11.841.75l.735 1.967c-.558-.023-2.39.006-2.953.892-.71 1.118-.243 1.808-.21 1.887.137-.179.276-.321.4-.432.898-.796 1.678-.91 2.175-.866a2.04 2.04 0 0 1 1.427.793c.395.506.558 1.165.433 1.763-.122.583-.51 1.076-1.094 1.39-1.018.547-1.865.472-2.433.282.004.013.005.028.01.041.02.094.061.226.11.377.332 1.028.948 2.66-1.429 4.979Zm1.378-7.036c.109.078.223.144.341.19.394.158.824.106 1.311-.157.287-.153.32-.318.332-.373a.682.682 0 0 0-.145-.527.534.534 0 0 0-.378-.223c-.282-.024-.662.154-1.043.493-.182.163-.32.364-.418.597Z"/><path fill="#ECF1F5" d="m12.269 14.128-1.165-.032s.554-3.123 2.344-3.649a8.141 8.141 0 0 1 1.073-.25c.22-.034.566-.085.737-.149.039-.294-.085-.67-.223-1.095-.11-.33-.222-.67-.282-1.04-.116-.724.077-1.364.544-1.804.57-.535 1.49-.705 2.53-.469.592.135 1.029.426 1.413.68.55.366.87.552 1.541.1.812-.547-.249-2.69-.813-3.928l2.105-.878c.283.62 1.65 3.803.748 5.62-.303.611-.827 1.016-1.513 1.168-1.492.334-2.366-.248-3.003-.671-.302-.201-.567-.358-.854-.441-1.993-.568.79 2.364-.513 3.683-.782.789-2.693.997-2.817 1.027-1.23.296-1.852 2.128-1.852 2.128Z"/><path fill="#C92B27" d="M8.748 7.273c-.036.413-.053.658.054 1.194.516.38 1.639.38 1.639.38-.049-.153-.092-.284-.11-.378l-.01-.04c-1.142-.57-1.573-1.156-1.573-1.156Z"/><path fill="#FFC107" d="m6.412 9.12-1.939-.95.966-1.396 1.52 1.007-.547 1.339Z"/><path fill="#FB8C00" d="M3.554 6.487c-.99-.133-1.999-.973-2.11-1.068l.974-1.142c.294.25.919.667 1.337.724l-.2 1.486Z"/><path fill="#03A9F4" d="m5.301 3.988-1.425-.467a3.317 3.317 0 0 0 .122-1.556l1.482-.238c.121.754.06 1.536-.179 2.261Z"/><path fill="#FB8C00" d="m15.666 2.553-1.465.32.423 1.935 1.466-.32-.424-1.935Z"/><path fill="#FFC107" d="m17.836 3.332-1.031-1.09c.54-.511.663-1.18.663-1.188l1.482.242a3.83 3.83 0 0 1-1.114 2.036Z"/><path fill="#FB8C00" d="m19.72 8.7-1.31.409.447 1.432 1.31-.41-.448-1.431Z"/><path fill="#F44336" d="m18.79 21.193-1.49-.176c.064-.53-.332-1.181-.44-1.326l1.2-.9c.09.118.871 1.2.73 2.402Z"/><path fill="#FB8C00" d="M23.07 19.292a9.227 9.227 0 0 0-1.701-.098l-.051-1.5c.658-.022 1.324.015 1.974.115l-.223 1.483Z"/><path fill="#ECF1F5" d="m22.106 20.29-1.054 1.067 1.45 1.432 1.055-1.068-1.45-1.432Z"/><path fill="#F44336" d="m19.04 13.114-1.084-1.24-1.24 1.084 1.085 1.24 1.239-1.084Z"/><defs><linearGradient id="paint0_linear_3554_62085" x1="14.447" x2="8.865" y1="11.595" y2="14.944" gradientUnits="userSpaceOnUse"><stop offset=".024" stop-color="#8F4700"/><stop offset="1" stop-color="#703E2D"/></linearGradient></defs></svg> </span> </div> Startuje výprodej na téměř celý sortiment se slevami od 25 % </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 --outline-transparent --xs --full-width-mobile i-notification__button" href='#'> <span class="btn__title u-z-index-1"> Více informací zde </span> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" d="M14 11.7V5.429h-1.533v5.92L3.083 2 2 3.084l9.414 9.382H5.27V14h6.43A2.305 2.305 0 0 0 14 11.7Z"/></svg> </span> </span> </a> </div> <div class="i-notification__close flex-shrink-0 u-cursor-pointer ms-auto"> <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> </div> </div> </div> <header class="m-header"> <div class="m-header-middle u-bg-white"> <div class="m-header-middle__body container d-flex align-items-center justify-content-between gap-2"> <a href="/" class="m-header-logo d-block"> <div class="img u-posr overflow-hidden"> <picture> <img src="" data-src="/images/svg/logo.svg" alt="logo" width="117" height="44" draggable="false"> </picture> </div> </a> <form class="base-form m-header-middle__search f-search u-z-index-0" action="/" method="GET"> <div class="f-search__body u-posr u-border-shadow d-flex flex-column column-gap-2 align-items-center u-posr"> <div class="f-search__search-field w-100"> <div class="f-text d-flex flex-column gap-1 u-posr f-search__input u-z-index-10 --icon-after --active"> <div class="f-text__wrap d-flex align-items-center u-posr"> <input class="f-base f-text__input" type="text" placeholder="Hledat"> <span class="f-text__icon --after"> <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="#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> <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="i-dropdown u-rounded-3 u-bg-white u-border u-border--tertiary-500 u-posr u-z-index-10 f-search__dropdown pe-none"> <div class="i-dropdown__content"> <div class="u-scrollbar" data-scrollbar-y> <div class="i-search-dropdown w-100 p-2"> <div class="i-search-dropdown__body d-flex flex-column row-gap-3"> <div class="i-search-dropdown__products d-flex flex-column gap-1"> <span class="u-fz-md u-fw-700">Nalezené produkty</span> <article class="i-product-search-inline u-container-inline u-posr" data-product-id="1"> <div class="i-product-search-inline__content d-grid column-gap-2 align-items-center"> <figure class="i-product-search-inline__image d-block u-posr u-rounded-2 overflow-hidden u-img-hover"> <a href="#" class="i-product-search-inline__image-link d-flex align-items-center" title="Goodrem Delta: I Honestly Love You (Limited Coloured Transpare)"> <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1 i-product-search-inline__image-full"> <picture> <img src="" data-src="https://s3-alpha-sig.figma.com/img/b730/123f/c089b910b8b54b376646bfea9b480b35?Expires=1717372800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=Cwa-EHXZ7rzlIYVRxBbaGW95emFCgjM8D13KclhbK2m-T~-i6783ImuALYEgbCVEgV1LHCGWEhEvdiJ7ozQ9H1LWpFB-k7p25doLLB2xiXfaFAEG7-XQd2HV7g4agZokNPmp6u93fS-AT1qm1XxTOT5Vpz6BLEDs~LPtNyM9nHOP-LS~Z28LdpGuV23iqW~2MZ3bXAsslkXVAILuanBYlh8bMiqAgiC7pQz0Tn4mnHO-HdsOI4cVr5aoYhg02baJ41SvJP5vq23QbY0wUH4qHVKqRz8qYCMBoqekgyyeqQH2~zTuhAOuD6BsbGHhkgz28hvD0K-~MnDPLRdVo~2hig__" alt="Goodrem Delta: I Honestly Love You (Limited Coloured Transpare)" width="56" height="56" draggable="false"> </picture> </div> </a> </figure> <div class="i-product-search-inline__header d-flex flex-column gap-025"> <h3 class="i-product-search-inline__title u-fz-md u-fw-700"> <a class="link d-inline-flex u-fw-600 align-items-center i-product-search-inline__link u-fz-md u-clamp" href="#" title="Goodrem Delta: I Honestly Love You (Limited Coloured Transpare)"> <span class="link__title">Goodrem Delta: I Honestly Love You (Limited Coloured Transpare)</span> </a> </h3> </div> <div class="i-availability u-fz-sm d-flex flex-column --available i-product-search-inline__availability ms-1 flex-shrink-0"> <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-conversion"> <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg> </span> Skladem </div> <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400"> ( 52265 Ks ) </span> </div> <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-primary-400 i-product-search-inline__price"> <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1"> <span class="i-price__title u-fz-md u-fw-700">1 ks</span> <span class="i-price__main u-fw-700"> <span class=""> 20,75 </span> Kč </span> </div> </div> </div> </article> <article class="i-product-search-inline u-container-inline u-posr" data-product-id="2"> <div class="i-product-search-inline__content d-grid column-gap-2 align-items-center"> <figure class="i-product-search-inline__image d-block u-posr u-rounded-2 overflow-hidden u-img-hover"> <a href="#" class="i-product-search-inline__image-link d-flex align-items-center" title="Goodrem Delta: I Honestly Love You (Limited Coloured Transpare)"> <div class="img u-posr overflow-hidden --cover --placeholder --ratio-1-1 i-product-search-inline__image-full"> <picture> <img src="" data-src="https://s3-alpha-sig.figma.com/img/b730/123f/c089b910b8b54b376646bfea9b480b35?Expires=1717372800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=Cwa-EHXZ7rzlIYVRxBbaGW95emFCgjM8D13KclhbK2m-T~-i6783ImuALYEgbCVEgV1LHCGWEhEvdiJ7ozQ9H1LWpFB-k7p25doLLB2xiXfaFAEG7-XQd2HV7g4agZokNPmp6u93fS-AT1qm1XxTOT5Vpz6BLEDs~LPtNyM9nHOP-LS~Z28LdpGuV23iqW~2MZ3bXAsslkXVAILuanBYlh8bMiqAgiC7pQz0Tn4mnHO-HdsOI4cVr5aoYhg02baJ41SvJP5vq23QbY0wUH4qHVKqRz8qYCMBoqekgyyeqQH2~zTuhAOuD6BsbGHhkgz28hvD0K-~MnDPLRdVo~2hig__" alt="Goodrem Delta: I Honestly Love You (Limited Coloured Transpare)" width="56" height="56" draggable="false"> </picture> </div> </a> </figure> <div class="i-product-search-inline__header d-flex flex-column gap-025"> <h3 class="i-product-search-inline__title u-fz-md u-fw-700"> <a class="link d-inline-flex u-fw-600 align-items-center i-product-search-inline__link u-fz-md u-clamp" href="#" title="Goodrem Delta: I Honestly Love You (Limited Coloured Transpare)"> <span class="link__title">Goodrem Delta: I Honestly Love You (Limited Coloured Transpare)</span> </a> </h3> </div> <div class="i-availability u-fz-sm d-flex flex-column --default i-product-search-inline__availability ms-1 flex-shrink-0"> <div class="i-availability__title d-flex align-items-center u-fw-700 u-color-text-500"> <span class="icon d-flex align-items-center justify-content-center --colored --text --sm"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9.05 5h-2.1V3h2.1v2ZM6 6v2.099h.95v2.8H6V13h.95v.002h2.1v-.002H10v-2.1h-.95V6H6Z" clip-rule="evenodd"/></svg> </span> Na dotaz </div> <span class="i-availability__quantity flex-shrink-0 u-color-tertiary-600 u-fz-xs u-color-text-400"> ( 0 ) </span> </div> <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-primary-400 i-product-search-inline__price"> <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1"> <span class="i-price__title u-fz-md u-fw-700">1 ks</span> <span class="i-price__main u-fw-700"> <span class=""> 22,54 </span> Kč </span> </div> </div> </div> </article> </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 --primary --xs align-self-center" href='#'> <span class="btn__title u-z-index-1"> Všechny výsledky vyhledávání </span> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center"> <svg xmlns="http://www.w3.org/2000/svg" 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> </div> </div> </div> </form> <div class="m-header-middle__side-menu d-flex align-items-center gap-1 flex-shrink-0 justify-content-end"> <div class="i-wishlist-button u-posr --filled"> <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 --hover-icon i-wishlist-button__button" href='#' title="Seznam přání"> <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="M16.581 3A5.325 5.325 0 0 0 12 5.795 5.325 5.325 0 0 0 7.419 3c-3.093.137-5.532 2.826-5.415 5.97 0 5.739 9.126 12.366 9.514 12.647l.482.347.482-.347c.388-.28 9.514-6.908 9.514-12.646.117-3.145-2.322-5.834-5.415-5.971ZM12 19.879C9.29 17.82 3.67 12.764 3.67 8.97c-.118-2.216 1.57-4.142 3.749-4.277 2.178.135 3.866 2.06 3.748 4.277h1.666c-.118-2.216 1.57-4.142 3.748-4.277 2.18.135 3.867 2.06 3.749 4.277 0 3.795-5.62 8.85-8.33 10.908Z"/></svg> </span> </span> <span class="btn__icon --hover d-none 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="M16.581 3A5.325 5.325 0 0 0 12 5.795 5.325 5.325 0 0 0 7.419 3c-3.093.137-5.532 2.826-5.415 5.97 0 5.739 9.126 12.366 9.514 12.647l.482.347.482-.347c.388-.28 9.514-6.908 9.514-12.646.117-3.145-2.322-5.834-5.415-5.971Z"/></svg> </span> </span> </a> </div> <div class="i-compare-button u-posr --filled"> <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 --hover-icon i-compare-button__button" href='#' title="Seznam přání"> <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="M18.842 3.667h-6.009V2h-1.666v1.667H5.158L2 12.692v.558A3.755 3.755 0 0 0 5.75 17a3.755 3.755 0 0 0 3.75-3.75v-.558L6.924 5.333h4.243v15H5.333V22h13.334v-1.667h-5.834v-15h4.243L14.5 12.692v.558A3.755 3.755 0 0 0 18.25 17 3.755 3.755 0 0 0 22 13.25v-.558l-3.158-9.025ZM5.75 15.333a2.085 2.085 0 0 1-2.04-1.666h4.08a2.086 2.086 0 0 1-2.04 1.666ZM7.492 12H4.008L5.75 7.022 7.492 12ZM18.25 7.022 19.992 12h-3.484l1.742-4.978Zm0 8.311a2.085 2.085 0 0 1-2.04-1.666h4.082a2.087 2.087 0 0 1-2.042 1.666Z"/></svg> </span> </span> <span class="btn__icon --hover d-none 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 clip-path="url(#clip0_3554_66015)"><path fill="#23846F" d="M18.842 3.667h-6.009V2h-1.666v1.667H5.158L2 12.692v.558A3.755 3.755 0 0 0 5.75 17a3.754 3.754 0 0 0 3.75-3.75v-.558L6.924 5.333h4.243v15H5.333V22h13.334v-1.667h-5.834v-15h4.243L14.5 12.692v.558A3.754 3.754 0 0 0 18.25 17 3.754 3.754 0 0 0 22 13.25v-.558l-3.158-9.025ZM7.493 12H4.007L5.75 7.023 7.493 12ZM18.25 7.023 19.993 12h-3.485l1.742-4.977Z"/></g><defs><clipPath id="clip0_3554_66015"><path fill="#fff" d="M2 2h20v20H2z"/></clipPath></defs></svg> </span> </span> </a> </div> <div class="i-user-button u-posr"> <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 i-user-button__button" href='#'> <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="M19.5 22h-1.667v-4.202a2.467 2.467 0 0 0-2.464-2.465H8.631a2.467 2.467 0 0 0-2.464 2.465V22H4.5v-4.202a4.136 4.136 0 0 1 4.13-4.131h6.74a4.136 4.136 0 0 1 4.13 4.13V22ZM12 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-8.333a3.333 3.333 0 1 0 0 6.666 3.333 3.333 0 0 0 0-6.666Z"/></svg> </span> </span> </a> <div class="i-dropdown u-rounded-3 u-bg-white u-border u-border--tertiary-500 u-posr u-z-index-10 i-user-button__dropdown"> <div class="i-dropdown__content"> <form class="base-form --validate f-login d-flex flex-column gap-3 p-3" id="login_form-id" action="" method="POST" name=f-login> <div class="d-flex flex-column gap-2"> <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" for="login-email-id"> E-mail </label> <input class="f-base f-text__input" type="email" id="login-email-id" name=login-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 class="f-text d-flex flex-column gap-1 u-posr --password"> <div class="f-text__wrap d-flex align-items-center u-posr"> <label class="f-label d-flex align-items-center mb-0 u-fz-md" for="login-password-id"> Heslo </label> <input class="f-base f-text__input" type="password" id="login-password-id" name=login-password> <div class="f-text__toggle u-posa u-translate-middle-y u-top-50-p justify-content-center align-center d-grid u-cursor-pointer"> <span class="icon d-flex align-items-center justify-content-center f-text__toggle-icon --on"> <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 0 0-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 0 0 0-17.47C428.89 172.28 347.8 112 255.66 112z"/><circle cx="256" cy="256" r="80" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32"/></svg> </span> <span class="icon d-flex align-items-center justify-content-center f-text__toggle-icon --off"> <svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512"><path d="M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448zm-176.34-64c-41.49 0-81.5-12.28-118.92-36.5-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0 0 75.8-12.58 2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1 204.8 204.8 0 0 1-51.16 6.47zm235.18-145.4c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 0 0-74.89 12.83 2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1 192.82 192.82 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37 34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16 310.72 310.72 0 0 1-64.12 72.73 2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13 343.49 343.49 0 0 0 68.64-78.48 32.2 32.2 0 0 0-.1-34.78z"/><path d="M256 160a95.88 95.88 0 0 0-21.37 2.4 2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160zm-90.22 73.66a2 2 0 0 0-3.38 1 96 96 0 0 0 115 115 2 2 0 0 0 1-3.38z"/></svg> </span> </div> <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 --primary --sm login-submit --full-width w-100" type="submit" aria-label="Přihlásit se" name=login-submit> <span class="btn__title u-z-index-1"> Přihlásit se </span> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#23846F" d="M19.5 22h-1.667v-4.202a2.467 2.467 0 0 0-2.464-2.465H8.631a2.467 2.467 0 0 0-2.464 2.465V22H4.5v-4.202a4.136 4.136 0 0 1 4.13-4.131h6.74a4.136 4.136 0 0 1 4.13 4.13V22ZM12 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-8.333a3.333 3.333 0 1 0 0 6.666 3.333 3.333 0 0 0 0-6.666Z"/></svg> </span> </span> </button> </div> <footer class="f-login__footer d-flex flex-column gap-3"> <div class="f-login__password-reset d-flex align-items-center justify-content-center text-center flex-wrap gap-1 u-fz-md"> <span class="icon d-flex align-items-center justify-content-center --sm"> <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> Zapoměli jste heslo? <a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial u-fw-700" href="#forgotten_password_url" title="Obnovit"> <span class="link__title">Obnovit</span> </a> </span> </div> <div class="d-flex gap-1 justify-content-center"> <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-transparent --xs --icon-only --full-width w-100 f-login__social-button" href='#facebook' title="Přihlásit přes Facebook"> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center --colored --text"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512"><path d="m279.14 288 14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg> </span> </span> </a> <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-transparent --xs --icon-only --full-width w-100 f-login__social-button" href='#google' title="Přihlásit přes Google"> <span class="btn__icon d-flex align-items-center justify-content-center"> <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="M11.319 4.284c-.59-.542-1.624-1.19-3.156-1.19A4.925 4.925 0 0 0 3.51 6.415 5.08 5.08 0 0 0 3.247 8c0 .55.1 1.084.272 1.582l-.002.002h.002a4.905 4.905 0 0 0 4.644 3.324c1.215 0 2.14-.329 2.83-.8v-.002c1.088-.746 1.578-1.857 1.669-2.595H8.163V6.54h7.664c.118.498.172.978.172 1.636 0 2.435-.889 4.488-2.43 5.884h-.004l.003.001C12.217 15.29 10.367 16 8.163 16 4.97 16 2.213 14.204.87 11.591v-.002A7.876 7.876 0 0 1 .001 8c0-1.289.317-2.506.87-3.59C2.213 1.795 4.97 0 8.163 0c2.204 0 4.045.791 5.46 2.08l-2.304 2.204Z" clip-rule="evenodd"/></svg> </span> </span> </a> <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-transparent --xs --icon-only --full-width w-100 f-login__social-button" href='#apple' title="Přihlásit přes Apple ID"> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center --colored --text"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" fill="none" viewBox="0 0 14 16"><path fill="#15324F" d="M11.519 8.455c-.008-1.31.585-2.3 1.786-3.029-.672-.96-1.686-1.49-3.026-1.593-1.268-.1-2.654.74-3.161.74-.536 0-1.765-.704-2.73-.704C2.397 3.9.279 5.459.279 8.627c0 .935.17 1.902.514 2.9.457 1.311 2.107 4.526 3.829 4.472.9-.021 1.536-.64 2.708-.64 1.136 0 1.725.64 2.729.64 1.736-.025 3.229-2.947 3.665-4.261-2.33-1.097-2.204-3.215-2.204-3.283ZM9.497 2.59c.975-1.158.886-2.211.857-2.59-.86.05-1.857.586-2.425 1.247-.625.707-.993 1.582-.915 2.568.933.071 1.783-.407 2.483-1.225Z"/></svg> </span> </span> </a> <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline-transparent --xs --icon-only --full-width w-100 f-login__social-button" href='#iD' title="Přihlásit přes Identitu občana"> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center --colored --text"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" fill="none" viewBox="0 0 16 14"><path fill="#15324F" fill-rule="evenodd" d="M2.63 13.095H.234l.001-.002V4.756H2.63v5.057a15.3 15.3 0 0 1 9.46-4.631.337.337 0 0 1 .296.069c.045.05.07.115.072.182.004.082-.043.173-.193.223C8.9 6.6 5.171 8.62 2.63 13.093v.002ZM5.048 7.22V1.043h4.92c3.309 0 6.032 2.723 6.032 6.03 0 3.31-2.723 6.032-6.032 6.032h-4.92v-2.464a11.515 11.515 0 0 1 2.413-2.256c.029-.02.085-.021.085.041v2.18h2.422v-.003a3.547 3.547 0 0 0 3.53-3.53 3.547 3.547 0 0 0-3.53-3.529V3.54H7.546v2.296c-.875.383-1.711.847-2.498 1.384ZM1.433.895a1.44 1.44 0 0 1 1.433 1.433A1.44 1.44 0 0 1 1.433 3.76 1.44 1.44 0 0 1 0 2.328 1.44 1.44 0 0 1 1.433.895Z" clip-rule="evenodd"/></svg> </span> </span> </a> </div> <div class="f-login__non-existing-user d-flex align-items-center justify-content-center text-center flex-wrap gap-1 u-fz-md"> <span class="icon d-flex align-items-center justify-content-center --sm"> <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> Ještě nemám účet, <a class="link d-inline-flex u-fw-600 align-items-center --conversion --underline-initial u-fw-700" href="#register_url" title="Registrovat"> <span class="link__title">Registrovat</span> </a> </span> </div> </footer> <input type="hidden" class="f-hidden" name="token" value="csrf_token"> </form> </div> </div> </div> <div class="i-cart-button u-posr"> <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-before --hover-icon i-cart-button__button ms-2 --filled" href='#cart-url' title="Košík"> <span class="btn__title u-z-index-1"> 2 299 Kč </span> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center --colored --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="M17.669 6.688C17.27 4.04 14.88 2 12 2 9.12 2 6.73 4.04 6.331 6.688H3v12.968C3 20.95 4.101 22 5.455 22h13.09C19.9 22 21 20.949 21 19.656V6.688h-3.331ZM12 3.563c1.976 0 3.629 1.344 4.009 3.124H7.99c.38-1.78 2.033-3.125 4.009-3.125Zm7.364 16.093c0 .431-.367.782-.819.782H5.456c-.452 0-.819-.351-.819-.782V8.25h14.728v11.406ZM12 17.625c3.09 0 5.727-2.713 5.727-6.25v-.781h-1.636v.781c0 2.585-1.835 4.688-4.091 4.688-2.256 0-4.09-2.103-4.09-4.688v-.781H6.272v.781c0 3.551 2.648 6.25 5.727 6.25Z"/></svg> </span> </span> <span class="btn__icon --hover d-none 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" fill-rule="evenodd" d="M17.669 6.688H21v12.968C21 20.95 19.899 22 18.546 22H5.455C4.1 22 3 20.949 3 19.656V6.688h3.331C6.73 4.04 9.12 2 12 2c2.88 0 5.27 2.04 5.669 4.688ZM12 3.563c-1.976 0-3.629 1.344-4.009 3.124h8.018c-.38-1.78-2.033-3.125-4.009-3.125Zm0 14.062c3.09 0 5.727-2.713 5.727-6.25v-.781h-1.636v.781c0 2.585-1.835 4.688-4.091 4.688-2.256 0-4.09-2.103-4.09-4.688v-.781H6.272v.781c0 3.551 2.648 6.25 5.727 6.25Z" clip-rule="evenodd"/></svg> </span> </span> </a> <div class="i-cart-dropdown d-flex flex-column gap-2 p-2 u-rounded-3 u-bg-white u-border u-border--tertiary-500 u-z-index-10 i-cart-button__dropdown u-posa opacity-0 u-right-0 pe-none"> <h2 class="base-heading mb-0 u-fw-700 u-h5 i-cart-dropdown__title w-100"> Váš košík </h2> <div class="i-cart-dropdown__cart-list-wrapper d-flex flex-column"> <div class="i-cart-list d-flex flex-column gap-2"> <div class="u-scrollbar pe-2" data-scrollbar-y> <div class="g-product-overviews d-flex flex-column gap-2 i-cart-list__products"> <div class="i-product-overview d-flex align-items-center --cart gap-2" 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/64x64" alt="Papírová taška hnědá ExtraTWIST 22x10x28" width="56" height="56" loading="lazy" draggable="false" srcset="https://placehold.co/64x64 1x, https://placehold.co/112x112 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> </div> </div> <div class="d-flex flex-shrink-0 justify-content-end flex-column align-items-end gap-1"> <div class="i-price p-1 d-flex flex-column justify-content-center flex-shrink-0 u-bg-primary-400"> <div class="i-price__row i-price__main d-flex justify-content-end align-items-end gap-1"> <span class="i-price__title u-fz-md u-fw-700">1 ks</span> <span class="i-price__main u-fw-700"> <span class=""> 20,75 </span> Kč </span> </div> </div> <span class="u-fw-500 u-fz-xs d-inline"> <span>999 999</span> Kč bez DPH </span> </div> <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary --xs --icon-only i-product-overview__action js-cart-remove" type="button" aria-label="Odstranit" data-product-id="ETHN01"> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center --lg"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M6.037 0A1.456 1.456 0 0 0 4.58 1.456v1.162H1.309V4.22h1.308v9.669A2.11 2.11 0 0 0 4.727 16h6.545a2.11 2.11 0 0 0 2.11-2.11V4.22h1.309V2.619h-3.272V1.456A1.456 1.456 0 0 0 9.963 0H6.037Zm.147 2.618V1.603h3.632v1.015H6.184ZM4.22 13.89V4.22h7.558v9.67a.507.507 0 0 1-.507.507H4.728a.507.507 0 0 1-.507-.507Zm1.816-7.2h1.308v5.236H6.037V6.691Zm3.926 0H8.654v5.236h1.31V6.691Z" clip-rule="evenodd"/></svg> </span> </span> </button> </div> </div> </div> <div class="i-cart-list__price d-flex flex-column mt-2 pe-6"> <div class="i-cart-list__total-price d-flex justify-content-between u-fz-lg u-fw-700"> Celková cena: <span>2 299 Kč</span> </div> </div> <div class="i-progress d-flex flex-column flex-grow-1 justify-content-center gap-2 p-2 u-rounded-2 --incomplete"> <header class="i-progress__header d-flex gap-1 align-items-center justify-content-center u-fz-sm"> <span class="icon d-flex align-items-center justify-content-center --xl i-progress__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><mask id="mask0_3554_68154" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M24 0H0v24h24V0Z"/></mask><g fill-rule="evenodd" clip-rule="evenodd" mask="url(#mask0_3554_68154)"><path fill="#15324F" d="m7.504 25.766-1.048-3.91 3.155-.846-.216-.804a2.84 2.84 0 0 1-.096-.827l.004-.124-8.87-4.993-.086-.319-.003-.012C-1.212 8.122 2.668 2.215 9.162.475c6.494-1.74 12.808 1.436 14.364 7.245l.089.331-5.185 8.76.065.104c.143.231.256.487.33.764l.216.804 2.853-.764 1.96 7.314-1.547.414-1.545-5.769-12.347 3.308.634 2.366-1.545.414Zm9.965-6.862-.216-.804a1.221 1.221 0 0 0-1.494-.863l-3.93 1.053a1.22 1.22 0 0 0-.862 1.495l.215.804 6.287-1.685ZM8.239 8.701l.026.45.32-.317c.633-.622 1.449-1.223 2.419-1.483s1.978-.148 2.837.075l.435.113-.202-.402c-1.24-2.45-3.141-3.952-4.217-4.654l-.191-.125-.102.203c-.582 1.146-1.477 3.397-1.325 6.14Zm.509 2.48 3.833 5.223 1.583-.424.708-6.44-.131-.063c-.821-.386-2.214-.849-3.317-.554-1.103.296-2.075 1.392-2.594 2.14l-.082.118Zm7.803-2.02-.704 6.408h.227c.317 0 .628.052.92.153l.158.053 4.716-7.968-.108-.112c-.398-.408-1.344-1.18-2.476-.878-1.19.32-2.226 1.568-2.706 2.303l-.027.041ZM7.495 3.205l.186-.492-.47.24C4.332 4.415 2.364 6.915 1.799 9.7l-.095.472.405-.26a3.63 3.63 0 0 1 1.038-.456c1.132-.303 2.315-.102 3.254.195l.298.094-.034-.31c-.275-2.516.246-4.69.83-6.23Zm-5.671 9.973 8.069 4.542.109-.125c.203-.233.446-.435.72-.593l.198-.113-3.815-5.197-.043-.022c-.782-.395-2.306-.96-3.495-.64-1.134.302-1.566 1.445-1.706 1.998l-.037.15Zm18.165-8.057.48.023-.317-.36c-1.882-2.13-4.836-3.31-8.064-3.139l-.525.028.408.333c1.276 1.04 2.815 2.664 3.834 4.98l.126.286.21-.23c.666-.727 1.589-1.493 2.722-1.796a3.652 3.652 0 0 1 1.126-.125Z"/><path fill="#FFF27D" d="m8.239 8.702.026.45.32-.317c.633-.622 1.449-1.223 2.419-1.483s1.978-.148 2.837.075l.435.113-.202-.402c-1.24-2.45-3.141-3.952-4.217-4.654l-.191-.125-.102.203c-.582 1.146-1.477 3.397-1.325 6.14Z"/></g></svg> </span> <div class="i-progress__text --incomplete d-block"> Nakupte ještě za <strong class="i-progress__remaining u-fw-700">500</strong> <strong class="i-progress__currency u-fw-700">Kč</strong> a dopravu máte <strong>zdarma</strong> </div> <div class="i-progress__text u-fw-700 --complete d-none"> Dopravu máte ZDARMA </div> </header> <div class="i-progress__bar"> <progress class="i-progress__input d-block w-100 overflow-hidden u-bg-white" max="100" value="42"></progress> </div> </div> </div> </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 --primary --sm --icon-before align-self-center" href='#cart-url'> <span class="btn__title u-z-index-1"> Přejít do košíku </span> <span class="btn__icon d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center --lg"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 0C5.718 0 3.807 1.58 3.416 3.667H.782V13.99c0 1.116.948 2.01 2.097 2.01H13.12c1.148 0 2.096-.894 2.096-2.01V3.667h-2.633C12.193 1.58 10.28 0 8 0Zm0 1.575c1.386 0 2.55.89 2.91 2.092H5.09C5.45 2.465 6.614 1.575 8 1.575ZM2.415 13.99V5.242h11.17v8.748c0 .232-.2.435-.464.435H2.879a.451.451 0 0 1-.464-.435Zm2.56-7.266H3.343v.787c0 2.864 2.14 5.066 4.657 5.066 2.526 0 4.657-2.213 4.657-5.066v-.787h-1.633v.787c0 1.948-1.378 3.491-3.024 3.491-1.646 0-3.025-1.543-3.025-3.491v-.787Z" clip-rule="evenodd"/></svg> </span> </span> </a> </div> </div> <div class="d-block d-lg-none"> <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs --icon-only button-nav-opener --js-main-nav-opener" aria-label="Otevřít navigaci"> <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="M21 5H3v1.8h18V5ZM21 11.1H3v1.8h18v-1.8ZM21 17.2H3V19h18v-1.8Z"/></svg> </span> </span> </button> <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --xs --icon-only button-nav-closer --js-main-nav-closer" aria-label="Otevřít navigaci"> <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="#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 class="m-header-bottom u-bg-white u-z-index-negative w-100 u-posa u-bottom-0"> <div class="m-header-bottom__body container d-flex gap-3"> <nav class="m-nav d-flex align-items-center flex-column flex-lg-row gap-2 flex-grow-1" aria-label="primary navigation"> <ul class="m-nav__list d-flex flex-column flex-grow-1 gap-lg-1"> <li class="i-menu d-block --has-submenu"> <a class="i-menu__link u-fw-500 u-fz-md" href="#"> E-shop <span class="i-menu__submenu-button"> <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg> </span> </span> </a> <div class="i-menu__submenu-wrapper u-bg-white u-border u-border--tertiary-500"> <div class="container overflow-hidden u-posr"> <div class="i-menu__submenu-content py-3 py-lg-4 row row-gap-lg-4 mb-2 gx-xxl-8"> <ul class="i-menu__submenu d-flex flex-column gap-lg-4 col-lg-6 col-xl-3"> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> % Tašky v akci </a> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Bílé / hnědé tašky ploché ucho </a> </li> <li class="i-submenu d-block --has-submenu"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Bílé / hnědé tašky kroucené ucho <span class="i-submenu__submenu-button d-lg-none d-flex align-items-center justify-content-center"> <span class="icon d-flex align-items-center justify-content-center --colored --conversion --sm"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 18 18"><path fill="#23846F" fill-rule="evenodd" d="m9 12.5 6-5.735L13.677 5.5 9 9.97 4.323 5.5 3 6.765 9 12.5Z" clip-rule="evenodd"/></svg> </span> </span> </a> <div class="i-submenu__submenu-wrapper mt-lg-2"> <ul class="d-flex flex-column overflow-hidden u-posr"> <li> <a class="link d-inline-flex u-fw-600 align-items-center i-submenu__sublink u-fz-sm" href="#" title="Submenu"> <span class="link__title">Submenu</span> </a> </li> <li> <a class="link d-inline-flex u-fw-600 align-items-center i-submenu__sublink u-fz-sm" href="#" title="Submenu"> <span class="link__title">Submenu</span> </a> </li> <li> <a class="link d-inline-flex u-fw-600 align-items-center i-submenu__sublink u-fz-sm" href="#" title="Submenu"> <span class="link__title">Submenu</span> </a> </li> <li> <a class="link d-inline-flex u-fw-600 align-items-center i-submenu__sublink u-fz-sm" href="#" title="Submenu"> <span class="link__title">Submenu</span> </a> </li> <li> <a class="link d-inline-flex u-fw-600 align-items-center i-submenu__sublink u-fz-sm" href="#" title="Submenu"> <span class="link__title">Submenu</span> </a> </li> <li> <a class="link d-inline-flex u-fw-600 align-items-center i-submenu__sublink u-fz-sm" href="#" title="Submenu"> <span class="link__title">Submenu</span> </a> </li> <li> <a class="link d-inline-flex u-fw-600 align-items-center i-submenu__sublink u-fz-sm" href="#" title="Submenu"> <span class="link__title">Submenu</span> </a> </li> </ul> </div> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Barevné tašky kroucené ucho </a> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Eko luxusní tašky textilní ucho </a> </li> </ul> <ul class="i-menu__submenu d-flex flex-column gap-lg-4 col-lg-6 col-xl-3"> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Tašky na víno </a> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Vánoční tašky </a> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Barevné tašky kroucené ucho </a> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Látkové tašky </a> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Tašky na menu box </a> </li> </ul> <ul class="i-menu__submenu d-flex flex-column gap-lg-4 col-lg-6 col-xl-3"> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Poštovní tašky a obálky na zásilky </a> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Dárkové luxusní tašky textilní ucho </a> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Barevné tašky kroucené ucho </a> </li> <li class="i-submenu d-block"> <a class="i-submenu__link d-flex align-items-center u-fw-700" href="#"> Výprodej </a> </li> </ul> <div class="col-lg-6 col-xl-3"> <a class="i-promo u-posr d-flex flex-column u-rounded-3 u-border u-border--tertiary-500 u-img-hover overflow-hidden" href="#" title="Novinky ze světa tašek"> <div class="img u-posr overflow-hidden --ratio-4-3 i-promo__img"> <picture> <img src="" data-src="https://placehold.co/304x228" alt="Novinky ze světa tašek" width="304" height="228" draggable="false"> </picture> </div> <div class="i-promo__content d-flex p-2 align-items-center u-fz-md u-fw-700 gap-1"> <span class="flex-grow-1"> Novinky ze světa tašek </span> <div class="i-promo__icon u-rounded-3 d-flex align-items-center justify-content-center flex-shrink-0 w-100"> <span class="icon d-flex align-items-center justify-content-center --colored --white --sm"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M15 12.317V5h-1.789v6.907L2.264 1 1 2.265 11.983 13.21H4.814V15h7.502A2.69 2.69 0 0 0 15 12.317Z"/></svg> </span> </div> </div> </a> </div> </div> </div> </div> </li> <li class="i-menu d-block"> <a class="i-menu__link u-fw-500 u-fz-md" href="#"> Reference </a> </li> <li class="i-menu d-block"> <a class="i-menu__link u-fw-500 u-fz-md" href="#"> Tisk a výroba </a> </li> <li class="i-menu d-block"> <a class="i-menu__link u-fw-500 u-fz-md" href="#"> O nás </a> </li> <li class="i-menu d-block"> <a class="i-menu__link u-fw-500 u-fz-md" href="#"> Kariéra </a> </li> <li class="i-menu d-block"> <a class="i-menu__link u-fw-500 u-fz-md" href="#"> Blog </a> </li> <li class="i-menu d-block"> <a class="i-menu__link u-fw-500 u-fz-md" href="#"> Kontakty </a> </li> </ul> </nav> <div class="m-header-bottom__contacts d-flex align-items-center gap-6"> <a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before m-header-bottom__link u-fz-md" href="tel:+420246082412" title="(+420) 246 082 412"> <span class="link__title">(+420) 246 082 412</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 --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="M14.185 12.938h1.562a4.692 4.692 0 0 0-4.686-4.688v1.563a3.128 3.128 0 0 1 3.124 3.124Zm3.125 0h1.562c0-4.308-3.504-7.813-7.811-7.813v1.563a6.257 6.257 0 0 1 6.249 6.25ZM11.06 2v1.563c5.17 0 9.375 4.205 9.375 9.374h1.562C21.997 6.907 17.091 2 11.061 2Zm2.483 13.979a.782.782 0 0 1-1.105 0l-4.42-4.42a.782.782 0 0 1 0-1.104l1.658-1.658-4.42-4.42L3.6 6.036a5.475 5.475 0 0 0 0 7.734l6.63 6.63A5.433 5.433 0 0 0 14.094 22c1.461 0 2.834-.569 3.867-1.602l1.658-1.657-4.42-4.42-1.657 1.658Zm3.314 3.314a3.88 3.88 0 0 1-2.762 1.145 3.88 3.88 0 0 1-2.762-1.145l-6.629-6.629a3.91 3.91 0 0 1 0-5.524l.552-.552 2.21 2.21-.552.552a2.346 2.346 0 0 0 0 3.314l4.42 4.42c.913.913 2.4.913 3.314 0l.552-.553 2.21 2.21-.553.552Z"/></svg> </span> </span> </a> <a class="link d-inline-flex u-fw-600 align-items-center --conversion --icon-before m-header-bottom__link u-fz-md" href="#" title="info@taskahned.cz"> <span class="link__title">info@taskahned.cz</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 --conversion --lg"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" viewBox="0 0 25 24"><path fill="currentColor" d="M12.332 2C6.847 2 2.334 6.515 2.334 12c0 5.486 4.514 10 10 10 2.124 0 4.194-.677 5.908-1.933l-.986-1.343a8.335 8.335 0 0 1-4.924 1.61C7.761 20.334 4 16.572 4 12.001c0-4.572 3.762-8.334 8.333-8.334 4.572 0 8.333 3.762 8.334 8.333v1.667c0 .914-.753 1.666-1.667 1.666a1.675 1.675 0 0 1-1.667-1.666v-1.684c0-2.753-2.264-5.018-5.017-5.018-2.753 0-5.018 2.265-5.018 5.018 0 2.752 2.265 5.017 5.018 5.017a5.02 5.02 0 0 0 3.784-1.723A3.326 3.326 0 0 0 19.011 17c1.822 0 3.322-1.499 3.322-3.321V12c-.006-5.484-4.517-9.994-10-10Zm0 13.333A3.35 3.35 0 0 1 9 12a3.35 3.35 0 0 1 3.333-3.333A3.35 3.35 0 0 1 15.666 12a3.35 3.35 0 0 1-3.334 3.333Z"/></svg> </span> </span> </a> </div> </div> </div> </header>
