Stylebook

id: w-s-16

TOP PRODUKT
Vyberte si ty nejlépe padnoucí legíny!

Hlasu zkrátka nevratné duší indičtí půlkilometrová začali nutné už od středisko. Společných snažila líně budoucnost začne vloženy stal objevováním, umělé cílem starým dne větvičky názvy moři zabíjí.

Start

660 Kč/měsíc
395
Kč/měsíc

Odpovědnost za škodu: 1 000 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za
vyjmenovanou nemoc: –

Více informací Koupit

Pouze za 70 Kč měsíčně navíc budeš mít o 15 000 Kč vyšší limit na krytí nákladů pří ošetření úrazu.

Nejvýhodnější

Start

660 Kč/měsíc
395
Kč/měsíc

Odpovědnost za škodu: 1 000 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za
vyjmenovanou nemoc: –

Více informací Koupit

Pouze za 70 Kč měsíčně navíc budeš mít o 15 000 Kč vyšší limit na krytí nákladů pří ošetření úrazu.

Start

660 Kč/měsíc
395
Kč/měsíc

Odpovědnost za škodu: 1 000 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za úraz: 15 000 Kč

Veterinární náklady za
vyjmenovanou nemoc: –

Více informací Koupit

Pouze za 70 Kč měsíčně navíc budeš mít o 15 000 Kč vyšší limit na krytí nákladů pří ošetření úrazu.

        {% include "@Components/sections/priceplan-section/priceplan-section.twig" with {props: {
  header: {
    heading: {
      title: "Vyberte si ty nejlépe padnoucí legíny!"
    },
    overline: {
      title: "TOP PRODUKT",
    },
    perex: "Hlasu zkrátka nevratné duší indičtí půlkilometrová začali nutné už od středisko. Společných snažila líně budoucnost začne vloženy stal objevováním, umělé cílem starým dne větvičky názvy moři zabíjí."
  },
  items: priceplan_sample
}} %}

          

<section class="base-section  s-priceplan">
  <div class="base-section__container container">
    
          <header class="base-header d-flex flex-column gap-3 text-center align-items-center">

        <span class="c-overline d-inline-flex gap-1 align-items-center u-fz-sm px-1 u-bg-primary-100">
    <span class="c-overline__title">TOP PRODUKT</span>
  </span>
  
      <h2 class="base-heading mb-0 u-fw-700 u-h2">
            Vyberte si ty nejlépe padnoucí legíny!
      </h2>
  
      <div class="base-header__description entry-content mb-0">Hlasu zkrátka nevratné duší indičtí půlkilometrová začali nutné už od středisko. Společných snažila líně budoucnost začne vloženy stal objevováním, umělé cílem starým dne větvičky názvy moři zabíjí.</div>
  
  
  

</header>
    
      <div class="g-priceplan row gy-4 gx-0 align-items-center">
          <div class="col-lg-4">
        <div class="i-priceplan d-flex flex-column gap-4 u-posr align-items-center text-center p-4">
    <div class="i-priceplan__header d-flex flex-column gap-4">
    <div class="d-flex gap-2 flex-column">
              <div class="i-priceplan__icon d-flex align-items-center justify-content-center flex-shrink-0">
            
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --xxxl">
          <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none" viewBox="0 0 60 60"><path fill="#476CFE" d="M32.6 16.067c.043.193.067.394.067.6v2.666H42A9.334 9.334 0 0 0 50.433 14H32.049a27.981 27.981 0 0 1 .521 1.936l.03.131Z"/><path fill="#476CFE" d="M51.333 27.333A2.667 2.667 0 0 1 54 30v2.667h2.667A2.667 2.667 0 0 0 59.333 30V16.667A2.667 2.667 0 0 0 56.667 14h-6.234A9.333 9.333 0 0 1 42 19.333h12v8h-2.667ZM30 9.017A28.78 28.78 0 0 1 32.049 14h1.54c.326-.852.738-1.788 1.248-2.715C36.514 8.235 38.817 6 42 6a4 4 0 1 1 0 8h8.433A9.331 9.331 0 0 0 48.6 3.4 9.333 9.333 0 0 0 42 .667c-6.15 0-9.847 4.43-11.837 8.048-.055.1-.11.201-.163.302ZM15.172 7.172A4 4 0 0 1 18 6c3.184 0 5.486 2.236 7.163 5.285.51.927.922 1.863 1.248 2.715h1.54l.07-.222A28.78 28.78 0 0 1 30 9.018c-.053-.102-.108-.202-.163-.303C27.847 5.098 24.15.667 18 .667A9.334 9.334 0 0 0 9.567 14H18a4 4 0 0 1-2.828-6.828ZM6 32.667V30a2.667 2.667 0 0 1 2.667-2.667H6v-8h12A9.334 9.334 0 0 1 9.567 14H3.333a2.667 2.667 0 0 0-2.666 2.667V30a2.667 2.667 0 0 0 2.666 2.667H6Z"/><path fill="#476CFE" d="M48.667 32.667V30a2.667 2.667 0 0 1 2.666-2.667H32.667v5.334h16ZM8.667 27.333A2.667 2.667 0 0 1 11.333 30v2.667h16v-5.334H8.667ZM26.41 14H9.568A9.334 9.334 0 0 0 18 19.333h9.333v-2.666a2.874 2.874 0 0 1 0 .01 2.667 2.667 0 1 0 5.282-.535s0 .002-2.615.525l-2.615-.523a2.671 2.671 0 0 0-.052.523v.01a2.682 2.682 0 0 1 .068-.61 14.352 14.352 0 0 1 .145-.62c.091-.365.224-.86.405-1.447h-1.54ZM32.049 14A28.78 28.78 0 0 0 30 9.017 28.78 28.78 0 0 0 27.951 14h4.098Z"/><path fill="#476CFE" fill-rule="evenodd" d="M27.335 16.584a2.668 2.668 0 0 1 5.332.083V54h-5.334V16.678a2.667 2.667 0 1 0 5.282-.536s0 .002-2.615.525l-2.615-.523c-.03.146-.046.293-.05.44ZM30 59.334a2.667 2.667 0 0 0 2.667-2.667V54h16V30A2.667 2.667 0 1 1 54 30v26.667a2.667 2.667 0 0 1-2.667 2.666H30Zm0 0a2.667 2.667 0 0 1-2.667-2.667V54h-16V30A2.667 2.667 0 1 0 6 30v26.667a2.667 2.667 0 0 0 2.667 2.666H30Z" clip-rule="evenodd"/><path fill="#476CFE" d="M27.546 15.447a19.81 19.81 0 0 0-.145.62A2.668 2.668 0 0 1 30 14h-2.049c-.18.587-.314 1.082-.405 1.447ZM32.57 15.936A27.981 27.981 0 0 0 32.05 14H30c1.267 0 2.327.883 2.6 2.067a14.352 14.352 0 0 0-.03-.131ZM30 59.333a2.667 2.667 0 0 0 2.667-2.666V54h-5.334v2.667A2.667 2.667 0 0 0 30 59.333Z"/></svg>      </span>
        </div>
                    <h2 class="base-heading mb-0 u-fw-700 u-h5 u-color-primary">
            Start
      </h2>
          </div>
          <div class="i-priceplan__price-wrapper text-right u-color-primary">
                  <div class="i-priceplan__price-before mb-0 u-fz-sm">
            660
            Kč/měsíc
          </div>
                <span class="i-priceplan__price">395</span>
        <p class="i-priceplan__price-description">Kč/měsíc</p>
      </div>
      </div>

      <div class="i-priceplan__list pt-3 d-flex flex-column gap-3">
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Odpovědnost za škodu:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">1 000 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start --disabled opacity-50">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">&apos;<path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256l105.3-105.4z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za<br/>vyjmenovanou nemoc:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">–</span>
      </div>
</div>
          </div>
  
  <footer class="i-priceplan__footer w-100 d-flex flex-column gap-4 text-center u-color-primary">
          <div class="i-priceplan__buttons d-flex flex-column gap-2">
                  <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary        --full-width w-100" href='https://www.example.com'>
      <span class="btn__title u-z-index-1">
      Více informací
    </span>
      
  
  </a>
                  <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline        --full-width w-100" href='https://www.example.com'>
      <span class="btn__title u-z-index-1">
      Koupit
    </span>
      
  
  </a>
              </div>
              <div class="i-priceplan__footnote u-fz-xs">
        Pouze za 70 Kč měsíčně navíc budeš mít o 15 000 Kč vyšší limit na krytí nákladů pří ošetření úrazu.
      </div>
      </footer>
</div>
      </div>
          <div class="col-lg-4">
        <div class="i-priceplan d-flex flex-column gap-4 u-posr align-items-center text-center p-4  --highlight">
      <div class="i-priceplan__ribbon py-1 u-posa text-center">
      Nejvýhodnější
    </div>
    <div class="i-priceplan__header d-flex flex-column gap-4">
    <div class="d-flex gap-2 flex-column">
              <div class="i-priceplan__icon d-flex align-items-center justify-content-center flex-shrink-0">
            
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --xxxl">
          <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none" viewBox="0 0 60 60"><path fill="#476CFE" d="M32.6 16.067c.043.193.067.394.067.6v2.666H42A9.334 9.334 0 0 0 50.433 14H32.049a27.981 27.981 0 0 1 .521 1.936l.03.131Z"/><path fill="#476CFE" d="M51.333 27.333A2.667 2.667 0 0 1 54 30v2.667h2.667A2.667 2.667 0 0 0 59.333 30V16.667A2.667 2.667 0 0 0 56.667 14h-6.234A9.333 9.333 0 0 1 42 19.333h12v8h-2.667ZM30 9.017A28.78 28.78 0 0 1 32.049 14h1.54c.326-.852.738-1.788 1.248-2.715C36.514 8.235 38.817 6 42 6a4 4 0 1 1 0 8h8.433A9.331 9.331 0 0 0 48.6 3.4 9.333 9.333 0 0 0 42 .667c-6.15 0-9.847 4.43-11.837 8.048-.055.1-.11.201-.163.302ZM15.172 7.172A4 4 0 0 1 18 6c3.184 0 5.486 2.236 7.163 5.285.51.927.922 1.863 1.248 2.715h1.54l.07-.222A28.78 28.78 0 0 1 30 9.018c-.053-.102-.108-.202-.163-.303C27.847 5.098 24.15.667 18 .667A9.334 9.334 0 0 0 9.567 14H18a4 4 0 0 1-2.828-6.828ZM6 32.667V30a2.667 2.667 0 0 1 2.667-2.667H6v-8h12A9.334 9.334 0 0 1 9.567 14H3.333a2.667 2.667 0 0 0-2.666 2.667V30a2.667 2.667 0 0 0 2.666 2.667H6Z"/><path fill="#476CFE" d="M48.667 32.667V30a2.667 2.667 0 0 1 2.666-2.667H32.667v5.334h16ZM8.667 27.333A2.667 2.667 0 0 1 11.333 30v2.667h16v-5.334H8.667ZM26.41 14H9.568A9.334 9.334 0 0 0 18 19.333h9.333v-2.666a2.874 2.874 0 0 1 0 .01 2.667 2.667 0 1 0 5.282-.535s0 .002-2.615.525l-2.615-.523a2.671 2.671 0 0 0-.052.523v.01a2.682 2.682 0 0 1 .068-.61 14.352 14.352 0 0 1 .145-.62c.091-.365.224-.86.405-1.447h-1.54ZM32.049 14A28.78 28.78 0 0 0 30 9.017 28.78 28.78 0 0 0 27.951 14h4.098Z"/><path fill="#476CFE" fill-rule="evenodd" d="M27.335 16.584a2.668 2.668 0 0 1 5.332.083V54h-5.334V16.678a2.667 2.667 0 1 0 5.282-.536s0 .002-2.615.525l-2.615-.523c-.03.146-.046.293-.05.44ZM30 59.334a2.667 2.667 0 0 0 2.667-2.667V54h16V30A2.667 2.667 0 1 1 54 30v26.667a2.667 2.667 0 0 1-2.667 2.666H30Zm0 0a2.667 2.667 0 0 1-2.667-2.667V54h-16V30A2.667 2.667 0 1 0 6 30v26.667a2.667 2.667 0 0 0 2.667 2.666H30Z" clip-rule="evenodd"/><path fill="#476CFE" d="M27.546 15.447a19.81 19.81 0 0 0-.145.62A2.668 2.668 0 0 1 30 14h-2.049c-.18.587-.314 1.082-.405 1.447ZM32.57 15.936A27.981 27.981 0 0 0 32.05 14H30c1.267 0 2.327.883 2.6 2.067a14.352 14.352 0 0 0-.03-.131ZM30 59.333a2.667 2.667 0 0 0 2.667-2.666V54h-5.334v2.667A2.667 2.667 0 0 0 30 59.333Z"/></svg>      </span>
        </div>
                    <h2 class="base-heading mb-0 u-fw-700 u-h5 u-color-primary">
            Start
      </h2>
          </div>
          <div class="i-priceplan__price-wrapper text-right u-color-primary">
                  <div class="i-priceplan__price-before mb-0 u-fz-sm">
            660
            Kč/měsíc
          </div>
                <span class="i-priceplan__price">395</span>
        <p class="i-priceplan__price-description">Kč/měsíc</p>
      </div>
      </div>

      <div class="i-priceplan__list pt-3 d-flex flex-column gap-3">
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Odpovědnost za škodu:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">1 000 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start --disabled opacity-50">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">&apos;<path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256l105.3-105.4z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za<br/>vyjmenovanou nemoc:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">–</span>
      </div>
</div>
          </div>
  
  <footer class="i-priceplan__footer w-100 d-flex flex-column gap-4 text-center u-color-primary">
          <div class="i-priceplan__buttons d-flex flex-column gap-2">
                  <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary        --full-width w-100" href='https://www.example.com'>
      <span class="btn__title u-z-index-1">
      Více informací
    </span>
      
  
  </a>
                  <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline        --full-width w-100" href='https://www.example.com'>
      <span class="btn__title u-z-index-1">
      Koupit
    </span>
      
  
  </a>
              </div>
              <div class="i-priceplan__footnote u-fz-xs">
        Pouze za 70 Kč měsíčně navíc budeš mít o 15 000 Kč vyšší limit na krytí nákladů pří ošetření úrazu.
      </div>
      </footer>
</div>
      </div>
          <div class="col-lg-4">
        <div class="i-priceplan d-flex flex-column gap-4 u-posr align-items-center text-center p-4">
    <div class="i-priceplan__header d-flex flex-column gap-4">
    <div class="d-flex gap-2 flex-column">
              <div class="i-priceplan__icon d-flex align-items-center justify-content-center flex-shrink-0">
            
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --xxxl">
          <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="none" viewBox="0 0 60 60"><path fill="#476CFE" d="M32.6 16.067c.043.193.067.394.067.6v2.666H42A9.334 9.334 0 0 0 50.433 14H32.049a27.981 27.981 0 0 1 .521 1.936l.03.131Z"/><path fill="#476CFE" d="M51.333 27.333A2.667 2.667 0 0 1 54 30v2.667h2.667A2.667 2.667 0 0 0 59.333 30V16.667A2.667 2.667 0 0 0 56.667 14h-6.234A9.333 9.333 0 0 1 42 19.333h12v8h-2.667ZM30 9.017A28.78 28.78 0 0 1 32.049 14h1.54c.326-.852.738-1.788 1.248-2.715C36.514 8.235 38.817 6 42 6a4 4 0 1 1 0 8h8.433A9.331 9.331 0 0 0 48.6 3.4 9.333 9.333 0 0 0 42 .667c-6.15 0-9.847 4.43-11.837 8.048-.055.1-.11.201-.163.302ZM15.172 7.172A4 4 0 0 1 18 6c3.184 0 5.486 2.236 7.163 5.285.51.927.922 1.863 1.248 2.715h1.54l.07-.222A28.78 28.78 0 0 1 30 9.018c-.053-.102-.108-.202-.163-.303C27.847 5.098 24.15.667 18 .667A9.334 9.334 0 0 0 9.567 14H18a4 4 0 0 1-2.828-6.828ZM6 32.667V30a2.667 2.667 0 0 1 2.667-2.667H6v-8h12A9.334 9.334 0 0 1 9.567 14H3.333a2.667 2.667 0 0 0-2.666 2.667V30a2.667 2.667 0 0 0 2.666 2.667H6Z"/><path fill="#476CFE" d="M48.667 32.667V30a2.667 2.667 0 0 1 2.666-2.667H32.667v5.334h16ZM8.667 27.333A2.667 2.667 0 0 1 11.333 30v2.667h16v-5.334H8.667ZM26.41 14H9.568A9.334 9.334 0 0 0 18 19.333h9.333v-2.666a2.874 2.874 0 0 1 0 .01 2.667 2.667 0 1 0 5.282-.535s0 .002-2.615.525l-2.615-.523a2.671 2.671 0 0 0-.052.523v.01a2.682 2.682 0 0 1 .068-.61 14.352 14.352 0 0 1 .145-.62c.091-.365.224-.86.405-1.447h-1.54ZM32.049 14A28.78 28.78 0 0 0 30 9.017 28.78 28.78 0 0 0 27.951 14h4.098Z"/><path fill="#476CFE" fill-rule="evenodd" d="M27.335 16.584a2.668 2.668 0 0 1 5.332.083V54h-5.334V16.678a2.667 2.667 0 1 0 5.282-.536s0 .002-2.615.525l-2.615-.523c-.03.146-.046.293-.05.44ZM30 59.334a2.667 2.667 0 0 0 2.667-2.667V54h16V30A2.667 2.667 0 1 1 54 30v26.667a2.667 2.667 0 0 1-2.667 2.666H30Zm0 0a2.667 2.667 0 0 1-2.667-2.667V54h-16V30A2.667 2.667 0 1 0 6 30v26.667a2.667 2.667 0 0 0 2.667 2.666H30Z" clip-rule="evenodd"/><path fill="#476CFE" d="M27.546 15.447a19.81 19.81 0 0 0-.145.62A2.668 2.668 0 0 1 30 14h-2.049c-.18.587-.314 1.082-.405 1.447ZM32.57 15.936A27.981 27.981 0 0 0 32.05 14H30c1.267 0 2.327.883 2.6 2.067a14.352 14.352 0 0 0-.03-.131ZM30 59.333a2.667 2.667 0 0 0 2.667-2.666V54h-5.334v2.667A2.667 2.667 0 0 0 30 59.333Z"/></svg>      </span>
        </div>
                    <h2 class="base-heading mb-0 u-fw-700 u-h5 u-color-primary">
            Start
      </h2>
          </div>
          <div class="i-priceplan__price-wrapper text-right u-color-primary">
                  <div class="i-priceplan__price-before mb-0 u-fz-sm">
            660
            Kč/měsíc
          </div>
                <span class="i-priceplan__price">395</span>
        <p class="i-priceplan__price-description">Kč/měsíc</p>
      </div>
      </div>

      <div class="i-priceplan__list pt-3 d-flex flex-column gap-3">
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Odpovědnost za škodu:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">1 000 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"><path fill="#fff" d="M12.522 4 14 5.5 7.901 11.51a2.107 2.107 0 0 1-2.972-.005L2 8.664l1.467-1.513 2.94 2.85L12.522 4Z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za úraz:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">15 000 Kč</span>
      </div>
</div>
              
<div class="i-priceplan-list-item d-flex gap-3 text-start --disabled opacity-50">
    
  <span class="icon d-flex align-items-center justify-content-center --colored --primary --sm">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">&apos;<path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256l105.3-105.4z"/></svg>      </span>
  <div class="d-flex flex-column justify-content-center">
          <span class="i-priceplan-list-item__description u-fz-xs">Veterinární náklady za<br/>vyjmenovanou nemoc:</span>
              <span class="i-priceplan-list-item__title u-fz-md u-fw-700">–</span>
      </div>
</div>
          </div>
  
  <footer class="i-priceplan__footer w-100 d-flex flex-column gap-4 text-center u-color-primary">
          <div class="i-priceplan__buttons d-flex flex-column gap-2">
                  <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --primary        --full-width w-100" href='https://www.example.com'>
      <span class="btn__title u-z-index-1">
      Více informací
    </span>
      
  
  </a>
                  <a class="btn u-posr u-cursor-pointer d-inline-flex gap-1 align-items-center justify-content-center flex-nowrap flex-shrink-0 --outline        --full-width w-100" href='https://www.example.com'>
      <span class="btn__title u-z-index-1">
      Koupit
    </span>
      
  
  </a>
              </div>
              <div class="i-priceplan__footnote u-fz-xs">
        Pouze za 70 Kč měsíčně navíc budeš mít o 15 000 Kč vyšší limit na krytí nákladů pří ošetření úrazu.
      </div>
      </footer>
</div>
      </div>
      </div>

    </div>
</section>