• Index
  • Core
    • button
    • link
    • base-header
    • base-section
    • base-heading
    • counter
    • img
    • icon
    • modal
    • footer
    • pagination
    • header
    • photogallery
    • cart-navigation
    • listing-navigation
    • listing-switch
    • tabs
  • Sections
    • posts-grid-section
    • post-detail-section
    • posts-list-section
    • usps-section
    • banner-section
    • faq-section
    • signpost-section
    • text-and-media-section
    • events-section
    • calendar-section
    • contact-form-section
    • steps-section
    • newsletter-section
    • hero-slider-section
    • documents-section
    • persons-section
    • testimonials-section
    • pricetable-section
    • priceplan-section
    • jobs-section
    • error-404-section
    • breadcrumbs-section
    • content-section
    • category-list-section
    • intro-section
    • registration-section
    • seo-section
    • team-image-section
    • gallery-section
    • cart-steps-section
    • products-listing-section
    • basket-thank-you-section
    • address-section
    • product-info-section
    • order-detail-section
    • order-section
    • ordered-products-section
    • product-detail
    • individual-print-section
    • filters-section
    • company-references-section
    • person-references-section
    • numbers-section
    • timeline-section
    • contact-boxes-section
    • reviews-section
    • print-configuration-footer-section
    • print-configuration-price-section
    • user-configurations-section
    • products-slider-section
  • Items
    • post-item
    • tag-item
    • alert-item
    • category-item
    • partner-item
    • information-item
    • content-toggle-item
    • product-item
    • product-overview-item
    • price-item
    • availability-item
    • progress-item
    • total-price-item
    • cart-item
    • tooltip-item
    • order-info-item
    • product-order-item
    • print-info-item
    • comparator-item
    • print-variant-item
  • Fields
    • text-field
    • password-field
    • file-field
    • textarea
    • single-select-field
    • single-select-inline-field
    • checkbox-field
    • checkbox-select-field
    • switch-field
    • date-field
    • color-field
    • radio-box-field
    • address-box-field
    • range-slider-field
  • Forms
    • contact-form
    • newsletter-form
    • registration-form
    • discount-form
    • address-form
    • user-info-form
    • review-form
    • send-cv-form
    • print-configuration-form
  • Widgets
    • cart-overview-widget
  • Modals
    • dimesions-modal
    • print-info-modal
    • product-out-of-stock-modal
    • wishlist-share-modal
    • print-method-modal
    • send-cv-modal
    • edit-comparator-name-modal
    • print-configuration-modal
    • delete-comparator-modal
    • delete-comparator-product-modal
    • delete-configuration-modal
  • Aside
    • documents-aside
    • delivery-aside
    • user-panel-aside
  • id:
  • figma
  • Preview
  • Twig
  • Html

  • Moje adresy

    Přidat novou adresu

    Nová adresa

  •         {% set content_w_aside_props = {
  aside: true
} %}

{% set address_section_props = {
  title: "Moje adresy",
  new: {
    form: {
      method: "POST",
      action: ""
    },
    fields: {
      address_name: {
        vars: {
          label: "Mé pojmenování adresy",
          full_name: "address-name",
          required: true
        },
      },
      address_type: {
        vars: {
          name: "address-type",
          label: "Typ adresy:",
          options: [
            {
              title: "Družstvo",
              value: "fellowship",
            },
            {
              title: "Hodnota 2",
              value: "value-2",
            },
            {
              title: "Hodnota 3",
              value: "value-3",
            }
          ]
        }
      },
      company: {
        vars: {
          label: "Firma",
          full_name: "company",
          required: true
        },
      },
      street: {
        vars: {
          label: "Ulice",
          full_name: "street",
          required: true
        },
      },
      zip_code: {
        vars: {
          label: "PSČ",
          full_name: "zip_code",
          required: true
        },
      },
      city: {
        vars: {
          label: "Město",
          full_name: "city",
          required: true
        },
      },
      state: {
        vars: {
          label: "Země",
          full_name: "state",
          required: true
        },
      },
      contact_person: {
        vars: {
          label: "Kontaktní osoba",
          full_name: "contact_person",
          required: true
        },
      },
      tel: {
        vars: {
          label: "Telefon",
          full_name: "tel",
          type: "tel",
          required: true
        },
      },
      email: {
        vars: {
          label: "Email",
          full_name: "email",
          type: "email",
          required: true
        },
      },
      note: {
        vars: {
          label: "Poznámka",
          name: "note"
        },
      },
    },
    submit: {
      name: "submit"
    }
  },
  items: [
    {
      checked: true,
      title: "Práce",
      id: 1,
      contact_person: {
        value: "Tomáš Novák",
        target: "input-contact-person-id"
      },
      address_type: {
        value: "Družstvo",
        target: "address_name"
      },
      company: {
        value: "Jouda a balík",
        target: "input-company-id"
      },
      tel: {
        value: "730123456",
        target: "input-tel-id"
      },
      email: {
        value: "novak.t@email.cz",
        target: "input-email-id"
      },
      street: {
        value: "U Trojice 15",
        target: "input-address-id"
      },
      zip_code: {
        value: "347 68",
        target: "input-zip-id"
      },
      state: {
        value: "Česká republika",
        target: "input-state-id"
      },
      city: {
        value: "Brno",
        target: "input-city-id"
      },
      note: {
        value: "Vchod zastávka",
        target: "input-note-id"
      },
      delete: {
        form: {
          action: "",
          method: "POST",
        },
        submit: {
          label: "Ano smazat"
        },
      },
      edit: {
        form: {
          action: "",
          method: "POST",
        },
        submit: {
          title: "Uložit adresu"
        },
        fields: {
          address_name: {
            vars: {
              label: "Mé pojmenování adresy",
              full_name: "address-name",
              required: true,
              value: "Práce",
            },
          },
          address_type: {
            vars: {
              name: "address-type",
              label: "Typ adresy:",
              options: [
                {
                  title: "Družstvo",
                  value: "fellowship",
                  selected: true
                },
                {
                  title: "Hodnota 2",
                  value: "value-2",
                },
                {
                  title: "Hodnota 3",
                  value: "value-3",
                }
              ]
            }
          },
          company: {
            vars: {
              label: "Firma",
              full_name: "company",
              required: true,
              value: "Jouda a balík"
            },
          },
          street: {
            vars: {
              label: "Ulice",
              full_name: "street",
              required: true,
              value: "U Trojice 15"
            },
          },
          zip_code: {
            vars: {
              label: "PSČ",
              full_name: "zip_code",
              required: true,
              value: "347 68"
            },
          },
          city: {
            vars: {
              label: "Město",
              full_name: "city",
              required: true,
              value: "Brno"
            },
          },
          state: {
            vars: {
              label: "Země",
              full_name: "state",
              required: true,
              value: "Česká republika"
            },
          },
          contact_person: {
            vars: {
              label: "Kontaktní osoba",
              full_name: "contact_person",
              value: "Tomáš Novák",
              required: true
            },
          },
          tel: {
            vars: {
              label: "Telefon",
              full_name: "tel",
              type: "tel",
              required: true,
              value: "730123456"
            },
          },
          email: {
            vars: {
              label: "Email",
              full_name: "email",
              type: "email",
              required: true,
              value: "novak.t@email.cz"
            },
          },
          note: {
            vars: {
              label: "Poznámka",
              name: "note",
              value: "Vchod zastávka"
            },
          },
        }
      }
    },
    {
      title: "Domů",
      id: 2,
      contact_person: {
        value: "Tomáš Novák",
        target: "input-contact-person-id"
      },
      address_type: {
        value: "Družstvo",
        target: "address_name"
      },
      company: {
        value: "Jouda a balík",
        target: "input-company-id"
      },
      tel: {
        value: "730123456",
        target: "input-tel-id"
      },
      email: {
        value: "novak.t@email.cz",
        target: "input-email-id"
      },
      street: {
        value: "U Trojice 15",
        target: "input-address-id"
      },
      zip_code: {
        value: "347 68",
        target: "input-zip-id"
      },
      state: {
        value: "Česká republika",
        target: "input-state-id"
      },
      city: {
        value: "Brno",
        target: "input-city-id"
      },
      note: {
        value: "Vchod zastávka",
        target: "input-note-id"
      },
      delete: {
        form: {
          action: "",
          method: "POST",
        },
        submit: {
          label: "Ano smazat"
        },
      },
      edit: {
        form: {
          action: "",
          method: "POST",
        },
        submit: {
          title: "Uložit adresu"
        },
        fields: {
          address_name: {
            vars: {
              label: "Mé pojmenování adresy",
              full_name: "address-name",
              required: true,
              value: "Domů",
            },
          },
          address_type: {
            vars: {
              name: "address-type",
              label: "Typ adresy:",
              options: [
                {
                  title: "Družstvo",
                  value: "fellowship",
                  selected: true
                },
                {
                  title: "Hodnota 2",
                  value: "value-2",
                },
                {
                  title: "Hodnota 3",
                  value: "value-3",
                }
              ]
            }
          },
          company: {
            vars: {
              label: "Firma",
              full_name: "company",
              required: true,
              value: "Jouda a balík"
            },
          },
          street: {
            vars: {
              label: "Ulice",
              full_name: "street",
              required: true,
              value: "U Trojice 15"
            },
          },
          zip_code: {
            vars: {
              label: "PSČ",
              full_name: "zip_code",
              required: true,
              value: "347 68"
            },
          },
          city: {
            vars: {
              label: "Město",
              full_name: "city",
              required: true,
              value: "Brno"
            },
          },
          state: {
            vars: {
              label: "Země",
              full_name: "state",
              required: true,
              value: "Česká republika"
            },
          },
          contact_person: {
            vars: {
              label: "Kontaktní osoba",
              full_name: "contact_person",
              value: "Tomáš Novák",
              required: true
            },
          },
          tel: {
            vars: {
              label: "Telefon",
              full_name: "tel",
              type: "tel",
              required: true,
              value: "730123456"
            },
          },
          email: {
            vars: {
              label: "Email",
              full_name: "email",
              type: "email",
              required: true,
              value: "novak.t@email.cz"
            },
          },
          note: {
            vars: {
              label: "Poznámka",
              name: "note",
              value: "Vchod zastávka"
            },
          },
        }
      }
    },
    {
      title: "Tchýně",
      id: 3,
      contact_person: {
        value: "Tomáš Novák",
        target: "input-contact-person-id"
      },
      address_type: {
        value: "Družstvo",
        target: "address_name"
      },
      company: {
        value: "Jouda a balík",
        target: "input-company-id"
      },
      tel: {
        value: "730123456",
        target: "input-tel-id"
      },
      email: {
        value: "novak.t@email.cz",
        target: "input-email-id"
      },
      street: {
        value: "U Trojice 15",
        target: "input-address-id"
      },
      zip_code: {
        value: "347 68",
        target: "input-zip-id"
      },
      state: {
        value: "Česká republika",
        target: "input-state-id"
      },
      city: {
        value: "Brno",
        target: "input-city-id"
      },
      note: {
        value: "Vchod zastávka",
        target: "input-note-id"
      },
      delete: {
        form: {
          action: "",
          method: "POST",
        },
        submit: {
          label: "Ano smazat"
        },
      },
      edit: {
        form: {
          action: "",
          method: "POST",
        },
        submit: {
          title: "Uložit adresu"
        },
        fields: {
          address_name: {
            vars: {
              label: "Mé pojmenování adresy",
              full_name: "address-name",
              required: true,
              value: "Tchýně",
            },
          },
          address_type: {
            vars: {
              name: "address-type",
              label: "Typ adresy:",
              options: [
                {
                  title: "Družstvo",
                  value: "fellowship",
                  selected: true
                },
                {
                  title: "Hodnota 2",
                  value: "value-2",
                },
                {
                  title: "Hodnota 3",
                  value: "value-3",
                }
              ]
            }
          },
          company: {
            vars: {
              label: "Firma",
              full_name: "company",
              required: true,
              value: "Jouda a balík"
            },
          },
          street: {
            vars: {
              label: "Ulice",
              full_name: "street",
              required: true,
              value: "U Trojice 15"
            },
          },
          zip_code: {
            vars: {
              label: "PSČ",
              full_name: "zip_code",
              required: true,
              value: "347 68"
            },
          },
          city: {
            vars: {
              label: "Město",
              full_name: "city",
              required: true,
              value: "Brno"
            },
          },
          state: {
            vars: {
              label: "Země",
              full_name: "state",
              required: true,
              value: "Česká republika"
            },
          },
          contact_person: {
            vars: {
              label: "Kontaktní osoba",
              full_name: "contact_person",
              value: "Tomáš Novák",
              required: true
            },
          },
          tel: {
            vars: {
              label: "Telefon",
              full_name: "tel",
              type: "tel",
              required: true,
              value: "730123456"
            },
          },
          email: {
            vars: {
              label: "Email",
              full_name: "email",
              type: "email",
              required: true,
              value: "novak.t@email.cz"
            },
          },
          note: {
            vars: {
              label: "Poznámka",
              name: "note",
              value: "Vchod zastávka"
            },
          },
        }
      }
    }
  ],
} %}

{% embed "@Components/content-w-aside/content-w-aside.twig" with {props: content_w_aside_props} %}
  {% block content %}
    {% include "@Components/sections/address-section/address-section.twig" with {props: address_section_props} %}
  {% endblock %}
{% endembed %}

      
  •           

<div class="content-w-aside  --primary --columns-3">
  <div class="container content-w-aside__container">
    <div class="content-w-aside__row">

      <div class="content-w-aside__content">
            


<div class="s-address__header d-flex flex-wrap justify-content-between align-items-center mb-4 gap-2">
  <h1 class="base-heading mb-0 u-fw-700 u-h1">
            Moje adresy
      </h1>

  <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     --full-width-mobile s-address__button-new" href='#' data-modal-target="modal-add-address">
      <span class="btn__title u-z-index-1">
      Přidat novou adresu
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --sm">
          <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="c-modal --size-lg  --hidden" id="modal-add-address">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Nová adresa</h2>
                      </header>
        
        <div class="c-modal__body ">
              


<form class="base-form --validate f-address-add">
      <div class="row">
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required">
  Mé pojmenování adresy
</label>
    
    <input class="f-base f-text__input" type="text" name=address-name required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
          

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

      <label class="f-label d-flex align-items-center mb-0 u-fz-md  --active">
  Typ adresy:
</label>
  
  <div class="f-single-select__wrap">
    <select class="f-single-select__select slim-select" name=address-type>
              <option class="" value="fellowship"></option>
              <option class="" value="value-2"></option>
              <option class="" value="value-3"></option>
          </select>
  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required">
  Firma
</label>
    
    <input class="f-base f-text__input" type="text" name=company required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required">
  Ulice
</label>
    
    <input class="f-base f-text__input" type="text" name=street required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required">
  PSČ
</label>
    
    <input class="f-base f-text__input" type="text" name=zip_code required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required">
  Město
</label>
    
    <input class="f-base f-text__input" type="text" name=city required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required">
  Země
</label>
    
    <input class="f-base f-text__input" type="text" name=state required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required">
  Kontaktní osoba
</label>
    
    <input class="f-base f-text__input" type="text" name=contact_person required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required">
  Telefon
</label>
    
    <input class="f-base f-text__input" type="tel" name=tel required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required">
  Email
</label>
    
    <input class="f-base f-text__input" type="email" name=email required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-12 mb-5">
            <div class="f-textarea d-flex flex-column gap-1 u-posr">

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

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

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

</div>
        </div>
      
              <div class="col-sm-6 offset-sm-6">
          <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        --full-width w-100" type="submit" aria-label="Uložit adresu">
      <span class="btn__title u-z-index-1">
      Uložit adresu
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M16 2.362v11.614A2.026 2.026 0 0 1 13.976 16H2.024A2.026 2.026 0 0 1 0 13.976V2.024C0 .908.908 0 2.024 0h11.614L16 2.362ZM9.593 4.817H11V1.61H5v3.207h2.984v-2.29h1.609v2.29ZM2.024 14.39h11.952a.415.415 0 0 0 .414-.414V3.029L12.971 1.61h-.362v4.817H3.39V1.61H2.024a.415.415 0 0 0-.414.414v11.952c0 .228.186.414.414.414Zm8.268-1.78H3.44V11h6.852v1.61ZM8.119 10H3.44V8.39h4.679V10Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>
          </div>
  </form>
          </div>

                  <footer class="c-modal__footer d-flex flex-shrink-0 flex-wrap gap-2 align-items-center --center">
                      </footer>
        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>
</div>

<div class="s-address__grid row gy-2 gx-sm-5 gy-sm-5 pt-2">
      <div class="col-lg-6">
        
    <label class="f-address-box w-100 address-temp">
  <input class="f-address-box__input" type="radio" id="1" checked="checked" name="address-temp">
  <div class="f-address-box__body u-posr u-rounded-3 p-1">
    <div class="f-address-box__content u-posr d-flex gap-1 flex-column py-1 ps-1">
      <div class="d-flex gap-2 align-items-start">
        <span class="f-address-box__visual flex-shrink-0 d-flex align-items-center justify-content-center u-rounded-full u-posr"></span>

                  <div class="f-address-box__tooltip d-none u-tooltip"><span class="u-fw-600">Změnit tuto adresu na hlavní</span></div>
        
        <div class="d-flex flex-column row-gap-1 flex-grow-1">
          <div class="f-address-box__title u-fw-700 d-flex align-items-center">
            Práce
          </div>

          <div class="f-address-box__info u-fz-sm">
            <p class="base-perex  u-fz-14 u-fw-400 u-lh-20 f-address-box__paragraph u-fz-md-14" >
  
          Družstvo<br/>    Jouda a balík<br/>    U Trojice 15<br/>    Brno     347 68<br/>    Česká republika<br/>    Tomáš Novák<br/>    novak.t@email.cz<br/>        <br/>
    Vchod zastávka  
  </p>
          </div>
        </div>
      </div>
    </div>

          <div class="f-address-box__action d-flex flex-row row-gap-2 u-posa">
                  <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 --xs    --icon-only  f-address-box__edit" href='#' data-modal-target="modal-add-address-1">
  
      <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="M3.186 20.802 7.78 20.8 20.818 7.718l-5.106-5.106a2.463 2.463 0 0 0-3.482 0L8.212 6.63l1.272 1.273 4.018-4.018a.663.663 0 0 1 .937 0l.515.515-11.77 11.835.002 4.567Zm13.041-15.13 2.047 2.048L7.032 19l-2.046.001-.001-2.024L16.227 5.673Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M20.116 4.726 18.008 6.85l1.278 1.268 2.106-2.121v-.001a2.405 2.405 0 0 0-3.403-3.4l-.002.002L15.9 4.702l1.277 1.268 2.088-2.103a.605.605 0 0 1 .859.005m0 0a.605.605 0 0 1-.004.852l-.003.002M3.338 19.415l-1.434 1.412 1.263 1.283 1.434-1.412-1.263-1.283ZM13.512 13.444l-3.164-3.164-1.273 1.273 3.164 3.164 1.273-1.273Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>

          

  <div class="c-modal --size-lg  --hidden" id="modal-add-address-1">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Upravit adresu</h2>
                      </header>
        
        <div class="c-modal__body ">
              


<form class="base-form --validate f-address-add">
      <div class="row">
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Mé pojmenování adresy
</label>
    
    <input class="f-base f-text__input" type="text" value="Práce" name=address-name required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
          

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

      <label class="f-label d-flex align-items-center mb-0 u-fz-md  --active">
  Typ adresy:
</label>
  
  <div class="f-single-select__wrap">
    <select class="f-single-select__select slim-select" name=address-type>
              <option class="" selected value="fellowship"></option>
              <option class="" value="value-2"></option>
              <option class="" value="value-3"></option>
          </select>
  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Firma
</label>
    
    <input class="f-base f-text__input" type="text" value="Jouda a balík" name=company required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Ulice
</label>
    
    <input class="f-base f-text__input" type="text" value="U Trojice 15" name=street required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  PSČ
</label>
    
    <input class="f-base f-text__input" type="text" value="347 68" name=zip_code required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Město
</label>
    
    <input class="f-base f-text__input" type="text" value="Brno" name=city required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Země
</label>
    
    <input class="f-base f-text__input" type="text" value="Česká republika" name=state required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Kontaktní osoba
</label>
    
    <input class="f-base f-text__input" type="text" value="Tomáš Novák" name=contact_person required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Telefon
</label>
    
    <input class="f-base f-text__input" type="tel" value="730123456" name=tel required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Email
</label>
    
    <input class="f-base f-text__input" type="email" value="novak.t@email.cz" name=email required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-12 mb-5">
            <div class="f-textarea d-flex flex-column gap-1 u-posr">

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

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

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

</div>
        </div>
      
              <div class="col-sm-6 offset-sm-6">
          <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        --full-width w-100" type="submit" aria-label="Uložit adresu">
      <span class="btn__title u-z-index-1">
      Uložit adresu
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M16 2.362v11.614A2.026 2.026 0 0 1 13.976 16H2.024A2.026 2.026 0 0 1 0 13.976V2.024C0 .908.908 0 2.024 0h11.614L16 2.362ZM9.593 4.817H11V1.61H5v3.207h2.984v-2.29h1.609v2.29ZM2.024 14.39h11.952a.415.415 0 0 0 .414-.414V3.029L12.971 1.61h-.362v4.817H3.39V1.61H2.024a.415.415 0 0 0-.414.414v11.952c0 .228.186.414.414.414Zm8.268-1.78H3.44V11h6.852v1.61ZM8.119 10H3.44V8.39h4.679V10Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>
          </div>
  </form>
          </div>

                  <footer class="c-modal__footer d-flex flex-shrink-0 flex-wrap gap-2 align-items-center --center">
                      </footer>
        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>
        
                  <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 --xs    --icon-only  f-address-box__delete" href='#' data-modal-target="modal-delete-address-1">
  
      <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="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>
  
  </a>

          
  <div class="c-modal --size-sm  --hidden" id="modal-delete-address-1">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Odstranit adresu</h2>
                      </header>
        
        <div class="c-modal__body ">
              <div class="m-delete-address__body d-flex flex-column">

      <div class="m-delete-address__info d-flex flex-column align-items-center row-gap-1 pb-5">
          
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg>      </span>
        <span class="text-center">Opravdu si přejete smazat tuto adresu?</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 --outline        --full-width w-100  c-modal__close" aria-label="Zrušit odstranění">
      <span class="btn__title u-z-index-1">
      Zrušit odstraně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" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>

      

  
      <form class="base-form  d-flex flex-column gap-2 pt-2" action="" method="POST" name=f-add-address>
            <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        --full-width w-100" type="submit" aria-label="Opravdu odstranit">
      <span class="btn__title u-z-index-1">
      Opravdu odstranit
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="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>
      </form>
    </div>
          </div>

        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>
              </div>
      </div>
</label>
    </div>
      <div class="col-lg-6">
        
  <label class="f-address-box w-100 address-temp">
  <input class="f-address-box__input" type="radio" id="2" name="address-temp">
  <div class="f-address-box__body u-posr u-rounded-3 p-1">
    <div class="f-address-box__content u-posr d-flex gap-1 flex-column py-1 ps-1">
      <div class="d-flex gap-2 align-items-start">
        <span class="f-address-box__visual flex-shrink-0 d-flex align-items-center justify-content-center u-rounded-full u-posr"></span>

                  <div class="f-address-box__tooltip d-none u-tooltip"><span class="u-fw-600">Změnit tuto adresu na hlavní</span></div>
        
        <div class="d-flex flex-column row-gap-1 flex-grow-1">
          <div class="f-address-box__title u-fw-700 d-flex align-items-center">
            Domů
          </div>

          <div class="f-address-box__info u-fz-sm">
            <p class="base-perex  u-fz-14 u-fw-400 u-lh-20 f-address-box__paragraph u-fz-md-14" >
  
          Družstvo<br/>    Jouda a balík<br/>    U Trojice 15<br/>    Brno     347 68<br/>    Česká republika<br/>    Tomáš Novák<br/>    novak.t@email.cz<br/>        <br/>
    Vchod zastávka  
  </p>
          </div>
        </div>
      </div>
    </div>

          <div class="f-address-box__action d-flex flex-row row-gap-2 u-posa">
                  <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 --xs    --icon-only  f-address-box__edit" href='#' data-modal-target="modal-add-address-2">
  
      <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="M3.186 20.802 7.78 20.8 20.818 7.718l-5.106-5.106a2.463 2.463 0 0 0-3.482 0L8.212 6.63l1.272 1.273 4.018-4.018a.663.663 0 0 1 .937 0l.515.515-11.77 11.835.002 4.567Zm13.041-15.13 2.047 2.048L7.032 19l-2.046.001-.001-2.024L16.227 5.673Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M20.116 4.726 18.008 6.85l1.278 1.268 2.106-2.121v-.001a2.405 2.405 0 0 0-3.403-3.4l-.002.002L15.9 4.702l1.277 1.268 2.088-2.103a.605.605 0 0 1 .859.005m0 0a.605.605 0 0 1-.004.852l-.003.002M3.338 19.415l-1.434 1.412 1.263 1.283 1.434-1.412-1.263-1.283ZM13.512 13.444l-3.164-3.164-1.273 1.273 3.164 3.164 1.273-1.273Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>

          

  <div class="c-modal --size-lg  --hidden" id="modal-add-address-2">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Upravit adresu</h2>
                      </header>
        
        <div class="c-modal__body ">
              


<form class="base-form --validate f-address-add">
      <div class="row">
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Mé pojmenování adresy
</label>
    
    <input class="f-base f-text__input" type="text" value="Domů" name=address-name required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
          

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

      <label class="f-label d-flex align-items-center mb-0 u-fz-md  --active">
  Typ adresy:
</label>
  
  <div class="f-single-select__wrap">
    <select class="f-single-select__select slim-select" name=address-type>
              <option class="" selected value="fellowship"></option>
              <option class="" value="value-2"></option>
              <option class="" value="value-3"></option>
          </select>
  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Firma
</label>
    
    <input class="f-base f-text__input" type="text" value="Jouda a balík" name=company required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Ulice
</label>
    
    <input class="f-base f-text__input" type="text" value="U Trojice 15" name=street required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  PSČ
</label>
    
    <input class="f-base f-text__input" type="text" value="347 68" name=zip_code required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Město
</label>
    
    <input class="f-base f-text__input" type="text" value="Brno" name=city required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Země
</label>
    
    <input class="f-base f-text__input" type="text" value="Česká republika" name=state required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Kontaktní osoba
</label>
    
    <input class="f-base f-text__input" type="text" value="Tomáš Novák" name=contact_person required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Telefon
</label>
    
    <input class="f-base f-text__input" type="tel" value="730123456" name=tel required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Email
</label>
    
    <input class="f-base f-text__input" type="email" value="novak.t@email.cz" name=email required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-12 mb-5">
            <div class="f-textarea d-flex flex-column gap-1 u-posr">

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

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

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

</div>
        </div>
      
              <div class="col-sm-6 offset-sm-6">
          <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        --full-width w-100" type="submit" aria-label="Uložit adresu">
      <span class="btn__title u-z-index-1">
      Uložit adresu
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M16 2.362v11.614A2.026 2.026 0 0 1 13.976 16H2.024A2.026 2.026 0 0 1 0 13.976V2.024C0 .908.908 0 2.024 0h11.614L16 2.362ZM9.593 4.817H11V1.61H5v3.207h2.984v-2.29h1.609v2.29ZM2.024 14.39h11.952a.415.415 0 0 0 .414-.414V3.029L12.971 1.61h-.362v4.817H3.39V1.61H2.024a.415.415 0 0 0-.414.414v11.952c0 .228.186.414.414.414Zm8.268-1.78H3.44V11h6.852v1.61ZM8.119 10H3.44V8.39h4.679V10Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>
          </div>
  </form>
          </div>

                  <footer class="c-modal__footer d-flex flex-shrink-0 flex-wrap gap-2 align-items-center --center">
                      </footer>
        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>
        
                  <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 --xs    --icon-only  f-address-box__delete" href='#' data-modal-target="modal-delete-address-2">
  
      <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="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>
  
  </a>

          
  <div class="c-modal --size-sm  --hidden" id="modal-delete-address-2">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Odstranit adresu</h2>
                      </header>
        
        <div class="c-modal__body ">
              <div class="m-delete-address__body d-flex flex-column">

      <div class="m-delete-address__info d-flex flex-column align-items-center row-gap-1 pb-5">
          
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg>      </span>
        <span class="text-center">Opravdu si přejete smazat tuto adresu?</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 --outline        --full-width w-100  c-modal__close" aria-label="Zrušit odstranění">
      <span class="btn__title u-z-index-1">
      Zrušit odstraně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" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>

      

  
      <form class="base-form  d-flex flex-column gap-2 pt-2" action="" method="POST" name=f-add-address>
            <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        --full-width w-100" type="submit" aria-label="Opravdu odstranit">
      <span class="btn__title u-z-index-1">
      Opravdu odstranit
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="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>
      </form>
    </div>
          </div>

        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>
              </div>
      </div>
</label>
    </div>
      <div class="col-lg-6">
        
  <label class="f-address-box w-100 address-temp">
  <input class="f-address-box__input" type="radio" id="3" name="address-temp">
  <div class="f-address-box__body u-posr u-rounded-3 p-1">
    <div class="f-address-box__content u-posr d-flex gap-1 flex-column py-1 ps-1">
      <div class="d-flex gap-2 align-items-start">
        <span class="f-address-box__visual flex-shrink-0 d-flex align-items-center justify-content-center u-rounded-full u-posr"></span>

                  <div class="f-address-box__tooltip d-none u-tooltip"><span class="u-fw-600">Změnit tuto adresu na hlavní</span></div>
        
        <div class="d-flex flex-column row-gap-1 flex-grow-1">
          <div class="f-address-box__title u-fw-700 d-flex align-items-center">
            Tchýně
          </div>

          <div class="f-address-box__info u-fz-sm">
            <p class="base-perex  u-fz-14 u-fw-400 u-lh-20 f-address-box__paragraph u-fz-md-14" >
  
          Družstvo<br/>    Jouda a balík<br/>    U Trojice 15<br/>    Brno     347 68<br/>    Česká republika<br/>    Tomáš Novák<br/>    novak.t@email.cz<br/>        <br/>
    Vchod zastávka  
  </p>
          </div>
        </div>
      </div>
    </div>

          <div class="f-address-box__action d-flex flex-row row-gap-2 u-posa">
                  <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 --xs    --icon-only  f-address-box__edit" href='#' data-modal-target="modal-add-address-3">
  
      <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="M3.186 20.802 7.78 20.8 20.818 7.718l-5.106-5.106a2.463 2.463 0 0 0-3.482 0L8.212 6.63l1.272 1.273 4.018-4.018a.663.663 0 0 1 .937 0l.515.515-11.77 11.835.002 4.567Zm13.041-15.13 2.047 2.048L7.032 19l-2.046.001-.001-2.024L16.227 5.673Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M20.116 4.726 18.008 6.85l1.278 1.268 2.106-2.121v-.001a2.405 2.405 0 0 0-3.403-3.4l-.002.002L15.9 4.702l1.277 1.268 2.088-2.103a.605.605 0 0 1 .859.005m0 0a.605.605 0 0 1-.004.852l-.003.002M3.338 19.415l-1.434 1.412 1.263 1.283 1.434-1.412-1.263-1.283ZM13.512 13.444l-3.164-3.164-1.273 1.273 3.164 3.164 1.273-1.273Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </a>

          

  <div class="c-modal --size-lg  --hidden" id="modal-add-address-3">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Upravit adresu</h2>
                      </header>
        
        <div class="c-modal__body ">
              


<form class="base-form --validate f-address-add">
      <div class="row">
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Mé pojmenování adresy
</label>
    
    <input class="f-base f-text__input" type="text" value="Tchýně" name=address-name required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
          

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

      <label class="f-label d-flex align-items-center mb-0 u-fz-md  --active">
  Typ adresy:
</label>
  
  <div class="f-single-select__wrap">
    <select class="f-single-select__select slim-select" name=address-type>
              <option class="" selected value="fellowship"></option>
              <option class="" value="value-2"></option>
              <option class="" value="value-3"></option>
          </select>
  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Firma
</label>
    
    <input class="f-base f-text__input" type="text" value="Jouda a balík" name=company required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Ulice
</label>
    
    <input class="f-base f-text__input" type="text" value="U Trojice 15" name=street required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  PSČ
</label>
    
    <input class="f-base f-text__input" type="text" value="347 68" name=zip_code required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Město
</label>
    
    <input class="f-base f-text__input" type="text" value="Brno" name=city required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Země
</label>
    
    <input class="f-base f-text__input" type="text" value="Česká republika" name=state required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Kontaktní osoba
</label>
    
    <input class="f-base f-text__input" type="text" value="Tomáš Novák" name=contact_person required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Telefon
</label>
    
    <input class="f-base f-text__input" type="tel" value="730123456" name=tel required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-sm-6 mb-3">
            <div class="f-text d-flex flex-column gap-1 u-posr      --active">

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

    
          <label class="f-label d-flex align-items-center mb-0 u-fz-md --required --active">
  Email
</label>
    
    <input class="f-base f-text__input" type="email" value="novak.t@email.cz" name=email required>

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

  </div>

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

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

</div>
        </div>
      
              <div class="col-12 mb-5">
            <div class="f-textarea d-flex flex-column gap-1 u-posr">

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

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

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

</div>
        </div>
      
              <div class="col-sm-6 offset-sm-6">
          <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        --full-width w-100" type="submit" aria-label="Uložit adresu">
      <span class="btn__title u-z-index-1">
      Uložit adresu
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M16 2.362v11.614A2.026 2.026 0 0 1 13.976 16H2.024A2.026 2.026 0 0 1 0 13.976V2.024C0 .908.908 0 2.024 0h11.614L16 2.362ZM9.593 4.817H11V1.61H5v3.207h2.984v-2.29h1.609v2.29ZM2.024 14.39h11.952a.415.415 0 0 0 .414-.414V3.029L12.971 1.61h-.362v4.817H3.39V1.61H2.024a.415.415 0 0 0-.414.414v11.952c0 .228.186.414.414.414Zm8.268-1.78H3.44V11h6.852v1.61ZM8.119 10H3.44V8.39h4.679V10Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>
          </div>
  </form>
          </div>

                  <footer class="c-modal__footer d-flex flex-shrink-0 flex-wrap gap-2 align-items-center --center">
                      </footer>
        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

</div>
        
                  <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 --xs    --icon-only  f-address-box__delete" href='#' data-modal-target="modal-delete-address-3">
  
      <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="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>
  
  </a>

          
  <div class="c-modal --size-sm  --hidden" id="modal-delete-address-3">
  <div class="c-modal__dialog">

    <div class="c-modal__content u-rounded-4">
      <div class="c-modal__inner d-flex flex-column">

                  <header class="c-modal__header d-flex flex-column gap-1">
            <h2 class="u-h3 c-modal__heading">Odstranit adresu</h2>
                      </header>
        
        <div class="c-modal__body ">
              <div class="m-delete-address__body d-flex flex-column">

      <div class="m-delete-address__info d-flex flex-column align-items-center row-gap-1 pb-5">
          
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" d="M8 16a7.995 7.995 0 0 1-7.391-4.94 8.005 8.005 0 0 1 1.734-8.717A8.005 8.005 0 0 1 11.06.609a7.995 7.995 0 0 1 2.593 13.045A8.005 8.005 0 0 1 8 16ZM8 1.824A6.177 6.177 0 1 0 14.176 8 6.183 6.183 0 0 0 8 1.824Z"/><path fill="currentColor" d="M7.732 12.779V8.268H6.444V6.444H8A1.558 1.558 0 0 1 9.556 8v4.779H7.732ZM8 5.69a1.235 1.235 0 1 1 0-2.469 1.235 1.235 0 0 1 0 2.47Z"/></svg>      </span>
        <span class="text-center">Opravdu si přejete smazat tuto adresu?</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 --outline        --full-width w-100  c-modal__close" aria-label="Zrušit odstranění">
      <span class="btn__title u-z-index-1">
      Zrušit odstraně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" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#15324F" fill-rule="evenodd" d="M6.868 8 2.434 3.565l1.131-1.13L8 6.867l4.434-4.434 1.132 1.131L9.13 8l4.434 4.434-1.13 1.132L8 9.13l-4.435 4.434-1.13-1.13L6.867 8Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>

      

  
      <form class="base-form  d-flex flex-column gap-2 pt-2" action="" method="POST" name=f-add-address>
            <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        --full-width w-100" type="submit" aria-label="Opravdu odstranit">
      <span class="btn__title u-z-index-1">
      Opravdu odstranit
    </span>
      
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="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>
      </form>
    </div>
          </div>

        
        <div class="c-modal__button-container">
          <button class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --transparent --sm    --icon-only     c-modal__close c-modal__close-cross" aria-label="close modal">
  
      <span class="btn__icon d-flex align-items-center justify-content-center">
        
  <span class="icon d-flex align-items-center justify-content-center  --lg">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#15324F" fill-rule="evenodd" d="M10.869 12 5.435 6.565l1.13-1.13L12 10.867l5.435-5.434 1.13 1.131L13.133 12l5.434 5.434-1.131 1.131L12 13.131l-5.434 5.434-1.131-1.13L10.869 12Z" clip-rule="evenodd"/></svg>      </span>
    </span>
  
  </button>
        </div>

      </div>
    </div>

  </div>

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

              <div class="content-w-aside__aside d-flex flex-column row-gap-4 h-100">
                  </div>
          </div>
  </div>
</div>