<!DOCTYPE html>
<html lang="{$ctrl.active_language}">
<head>
   <meta charset="utf-8">
   <title>{$header.pageTitle}</title>

   <style>
      html,
      body {
         background: white;
         height: 100%;
         padding: 0;
         margin: 0;
      }

      body {
         font-size: 16px;
         font-family: Arial, Helvetica, sans-serif;
         display: flex;
         align-items: center;
         justify-content: center;
         line-height: 1.7;
      }

      h1 {
         font-size: 36px;
         font-weight: 700;
         line-height: 1.5;
      }

      .wrapper {
         max-width: 800px;
         margin: auto;
         padding: 20px;
         text-align: center;
      }

      img {
         max-width: 100%;
         display: block;
         height: auto;
         margin: 0 auto;
      }

      @media screen and (min-width: 650px) {
         .wrapper {
            display: flex;
            text-align: left;
            align-items: center;
         }

         .wrapper div {
            padding-right: 15px;
         }

         img {
            width: 45%;
         }
      }

      @media screen and (max-width: 400px) {
         h1 {
            font-size: 28px;
            line-height: 1.3;
         }
      }
   </style>
</head>

<body>
<div class="wrapper">
   <div>
      <h1>{t}Ajajaj, obchod je dočasně uzavřen,{/t}</h1>
      <p>{t escape=false}ale nebojte se, děláme vše pro rychlou nápravu.<br>Děkujeme za pochopení.{/t}</p>
   </div>
   <img src="/static/images/shop_closed.jpg" alt="" class="img-responsive m-x-auto">
</div
</body>
</html>
