.hurricane-regular {
  font-family: "Hurricane", cursive;
  font-weight: 400;
  font-style: normal;
}

.lavishly-yours-regular {
  font-family: "Lavishly Yours", cursive;
  font-weight: 400;
  font-style: normal;
}

.f16 {font-size: 16px;}   
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f26 {font-size: 26px;}
.f28 {font-size: 28px;}
.f30 {font-size: 30px;}
.f32 {font-size: 32px;}
.f34 {font-size: 34px;}
.f36 {font-size: 36px;}
.f40 {font-size: 40px;}
.f44 {font-size: 44px;}
.f48 {font-size: 48px;}
.f52 {font-size: 52px;}
.f56 {font-size: 56px;}
.f60 {font-size: 60px;}

h1.podstandard {     display: block !important;
  width: 60% !important;                 /* jak chceš */
  margin: 0 auto 25px auto !important;   /* jak chceš */
  text-align: center;   line-height: 1.4em;}

.precimatContent{
    width: 80%;
    margin: 0px auto 25px auto;
    text-align: center;
    
}
/*
.precimatHaerko{  width: 70%;  height: 80px;  margin: 0 auto 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-width: 260px;
}


.precimatHaerko__line{
  flex: 1;
  height: 2px;
  background: #6e0000;        
  opacity: .35;                 
  position: relative;
  border-radius: 999px;
  overflow: hidden;
}


.precimatHaerko__line::after{
  content: "";
  position: absolute;
  inset: 0;
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110,0,0,.95) 18%,
    rgba(110,0,0,.95) 82%,
    transparent 100%
  );
}


.precimatHaerko__img{
  width: 169px;
  height: 80px;
  object-fit: contain;  
  display: block;
  flex: 0 0 auto;

  opacity: 0;
  transform: translateY(10px) scale(.94);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.12));
}


.precimatHaerko.is-inview .precimatHaerko__img{
  animation: precimatImgIn 650ms cubic-bezier(.2,.9,.2,1) both;
}

.precimatHaerko.is-inview .precimatHaerko__line::after{
  animation: precimatLineDraw 900ms cubic-bezier(.2,.9,.2,1) both;
}


.precimatHaerko.is-inview .precimatHaerko__line--left::after{ animation-delay: 60ms; }
.precimatHaerko.is-inview .precimatHaerko__img{ animation-delay: 140ms; }
.precimatHaerko.is-inview .precimatHaerko__line--right::after{ animation-delay: 220ms; }

@keyframes precimatLineDraw{
  0%   { transform: scaleX(0); opacity: 0; }
  20%  { opacity: 1; }
  100% { transform: scaleX(1); opacity: 1; }
}

@keyframes precimatImgIn{
  0%   { opacity: 0; transform: translateY(10px) scale(.94); }
  70%  { opacity: 1; transform: translateY(-2px) scale(1.02); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce){
  .precimatHaerko__img{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  .precimatHaerko__line::after{
    transform: scaleX(1) !important;
    opacity: 1 !important;
    animation: none !important;
  }
}


*/




/* ===== Precimat divider – hard override (aby to šablona nepřepsala) ===== */
div.precimatHaerko{
  width: 80% !important;
  height: 80px !important;
  margin: 0 auto 28px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;

  position: relative !important;
}

/* linky vlevo/vpravo musí být BLOCK, jinak u prázdného spanu často nic neuvidíš */
div.precimatHaerko .precimatHaerko__line{
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 40px !important;      /* ať to nikdy nespadne na nulu */
  height: 2px !important;
  background: #6e0000 !important;
  opacity: .45 !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* animovaná “výplň” přes linku */
div.precimatHaerko .precimatHaerko__line::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(110,0,0,.95) 18%,
    rgba(110,0,0,.95) 82%,
    transparent 100%
  ) !important;
}

/* logo přesně 169×80 – žádné roztahování šablonou */
div.precimatHaerko .precimatHaerko__img{
  display: block !important;
  flex: 0 0 auto !important;
  width: 169px !important;
  height: 80px !important;
  max-width: none !important; /* některé šablony dávají max-width:100% */
  object-fit: contain !important;

  opacity: 0;
  transform: translateY(10px) scale(.94);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.12));
}

/* ===== animace přes .is-inview ===== */
div.precimatHaerko.is-inview .precimatHaerko__img{
  animation: precimatImgIn 650ms cubic-bezier(.2,.9,.2,1) both;
  animation-delay: 140ms;
}

div.precimatHaerko.is-inview .precimatHaerko__line::after{
  animation: precimatLineDraw 900ms cubic-bezier(.2,.9,.2,1) both;
}

div.precimatHaerko.is-inview .precimatHaerko__line--left::after{ animation-delay: 60ms; }
div.precimatHaerko.is-inview .precimatHaerko__line--right::after{ animation-delay: 220ms; }

@keyframes precimatLineDraw{
  0%   { transform: scaleX(0); opacity: 0; }
  20%  { opacity: 1; }
  100% { transform: scaleX(1); opacity: 1; }
}

@keyframes precimatImgIn{
  0%   { opacity: 0; transform: translateY(10px) scale(.94); }
  70%  { opacity: 1; transform: translateY(-2px) scale(1.01); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce){
  div.precimatHaerko .precimatHaerko__img{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  div.precimatHaerko .precimatHaerko__line::after{
    transform: scaleX(1) !important;
    opacity: 1 !important;
    animation: none !important;
  }
}


/* výchozí stav (před vstupem do viewportu) */
div.precimatHaerko .precimatHaerko__line{
  transform: scaleX(0);
  transform-origin: center;
  opacity: 0;
}

/* po vstupu do viewportu */
div.precimatHaerko.is-inview .precimatHaerko__line{
  animation: precimatLineFromCenter 900ms cubic-bezier(.2,.9,.2,1) both;
}

/* lehký “stagger” */
div.precimatHaerko.is-inview .precimatHaerko__line--left{
  animation-delay: 80ms;
}
div.precimatHaerko.is-inview .precimatHaerko__line--right{
  animation-delay: 170ms;
}

@keyframes precimatLineFromCenter{
  0%   { transform: scaleX(0); opacity: 0; }
  25%  { opacity: .45; }
  100% { transform: scaleX(1); opacity: .45; }
}

@media only screen and (max-width: 820px) {

.podstandard {    margin: 0px auto 15px auto; padding:10px 0px 0px 0px;   width: 96%;    line-height: 1.4em;font-size: 30px!important;}

.hideMobile { display: none !important; }

div.precimatHaerko{
  height: 40px !important;
  position: relative !important;
}

div.precimatHaerko .precimatHaerko__img{
  display: block !important;
  flex: 0 0 auto !important;
  width: 85px !important;
  height: 40px !important;
  max-width: none !important; /* některé šablony dávají max-width:100% */
  object-fit: contain !important;

  opacity: 0;
  transform: translateY(10px) scale(.94);
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.12));
}
}


/*animace vypsani nadpisu po písmenkách*/

/* ===== Typewriter efekt – písmeno po písmenu ===== */
.typewriter{
  display: block;        /* klíčové */
  width: 100%;
  text-align: inherit;
}

h1.js-typewriter.typewriter{
  display: block !important;
}

.typewriter span{
  display: inline-block;
  opacity: 0;
  visibility: hidden;   /* ⬅️ důležité */
  transform: translateY(0.25em);
}

/* animace jednotlivého písmene */
.typewriter span.is-visible{
  visibility: visible;  /* ⬅️ důležité */
  animation: typeCharIn 420ms cubic-bezier(.2,.9,.2,1) forwards;
}

@keyframes typeCharIn{
  0%{
    opacity: 0;
    transform: translateY(0.25em);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  }
}

/* respektuj prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  .typewriter span{
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}



/*call to action ... zavolejte nam*/


/* ===== Process area – výchozí stav ===== */
.cr_process_area{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease, transform .8s ease;
}

.cr_process_area.is-inview{
  opacity: 1;
  transform: translateY(0);
}

/* Nadpis sekce */
.cr_process_area .witr_section_title{
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .7s ease, transform .7s ease;
}

.cr_process_area.is-inview .witr_section_title{
  opacity: 1;
  transform: translateY(0);
}

/* Jednotlivé boxy */
.cr_process_area .sub-item{
  opacity: 0;
  transform: translateY(25px) scale(.96);
  transition:
    opacity .6s ease,
    transform .6s ease;
}

/* Aktivní stav */
.cr_process_area.is-inview .sub-item{
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Hover – jemný lift */
.cr_process_area .sub-item:hover{
  transform: translateY(-6px) scale(1.02);
  transition: transform .25s ease;
}

/* Přístupnost */
@media (prefers-reduced-motion: reduce){
  .cr_process_area,
  .cr_process_area .witr_section_title,
  .cr_process_area .sub-item{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ===== ABOUT AREA: výchozí stav ===== */
.cr_about_area{
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .8s ease, transform .8s ease;
  position: relative;
}

.cr_about_area.is-inview{
  opacity: 1;
  transform: translateY(0);
}

/* Levá část (obrázek) – "reveal" zleva */
.cr_about_area .cr_about_image_inner{
  opacity: 0;
  transform: translateX(-28px);
  transition: opacity .8s ease, transform .8s ease;
}

.cr_about_area.is-inview .cr_about_image_inner{
  opacity: 1;
  transform: translateX(0);
}

/* Jemná maska přes obrázek (odhalení) */
.cr_about_area .cr_about_image_inner .single_image img{
  display: block;
  transform: scale(1.04);
  transition: transform 1.1s ease;
}
.cr_about_area.is-inview .cr_about_image_inner .single_image img{
  transform: scale(1);
}

/* Pravá část (texty) – náběh zprava */
.cr_about_area .cr_about_content_inner{
  opacity: 0;
  transform: translateX(28px);
  transition: opacity .8s ease, transform .8s ease;
}

.cr_about_area.is-inview .cr_about_content_inner{
  opacity: 1;
  transform: translateX(0);
}

/* Postupné odhalení uvnitř contentu */
.cr_about_area .cr_about_content_inner > *{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s ease, transform .6s ease;
}

.cr_about_area.is-inview .cr_about_content_inner > *{
  opacity: 1;
  transform: translateY(0);
}

/* Odrážky – ať je to víc “živé” */
.cr_about_area .witr_widget_list li{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .55s ease, transform .55s ease;
}
.cr_about_area.is-inview .witr_widget_list li{
  opacity: 1;
  transform: translateY(0);
}

/* Button jako finále */
.cr_about_area .witr_button_area{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
}
.cr_about_area.is-inview .witr_button_area{
  opacity: 1;
  transform: translateY(0);
}

/* Přístupnost */
@media (prefers-reduced-motion: reduce){
  .cr_about_area,
  .cr_about_area .cr_about_image_inner,
  .cr_about_area .cr_about_content_inner,
  .cr_about_area .cr_about_content_inner > *,
  .cr_about_area .witr_widget_list li,
  .cr_about_area .witr_button_area{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}



/* ===== Kurzy – dva bloky vedle sebe ===== */
.precimatCourses{
  display: flex;
  justify-content: space-between;
  gap: 8%;
  margin: 40px 0 60px;
  flex-wrap: wrap;
}

.precimatCourse{
  width: 46%;
  background: #f7f4ef; /* jemný béžový podklad */
  border-radius: 22px;
  padding: 32px 34px;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

.precimatCourse--advanced{
  background: #f1efe9; /* lehce odlišený */
}

/* Nadpis */
.precimatCourse h3{
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 28px;
}

/* Texty */
.precimatCourse p{
  margin-bottom: 14px;
}

/* Seznam */
.precimatCourse ul{
  padding-left: 20px;
  margin-bottom: 18px;
}

.precimatCourse li{
  margin-bottom: 8px;
}

/* CTA tlačítko */
.precimatBtn{
  display: inline-block;
  margin-top: 18px;
  padding: 12px 28px;
  border-radius: 999px;
  background: #6e0000;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.precimatBtn:hover{
  background: #8a0000;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0,0,0,.18);
}

/* ===== Responsivita ===== */
@media (max-width: 992px){
  .precimatCourses{
    gap: 30px;
  }
  .precimatCourse{
    width: 100%;
  }
}



/* ===== CHOOSE AREA – výchozí stav ===== */
.cr_choose_area{
  opacity: 0;
  transform: translateY(28px);
  transition: opacity .8s ease, transform .8s ease;
}

.cr_choose_area.is-inview{
  opacity: 1;
  transform: translateY(0);
}

/* Levá část – text */
.cr_choose_area .cr_about_content_inner{
  opacity: 0;
  transform: translateX(30px);
  transition: opacity .8s ease, transform .8s ease;
}

.cr_choose_area.is-inview .cr_about_content_inner{
  opacity: 1;
  transform: translateX(0);
}

/* Checklist */
.cr_choose_area .witr_widget_list li{
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .55s ease, transform .55s ease;
}

.cr_choose_area.is-inview .witr_widget_list li{
  opacity: 1;
  transform: translateY(0);
}

/* Pravá část – obrázek */
.cr_choose_area .single_image_area{
  opacity: 0;
  transform: translateX(-30px) scale(.96);
  transition: opacity .9s ease, transform .9s ease;
}

.cr_choose_area.is-inview .single_image_area{
  opacity: 1;
  transform: translateX(0) scale(1);
}

/* Rotující shape – jen fade-in */
.cr_choose_area .witr_shape_item{
  opacity: 0;
  transition: opacity 1s ease;
}

.cr_choose_area.is-inview .witr_shape_item{
  opacity: 1;
}

/* Přístupnost */
@media (prefers-reduced-motion: reduce){
  .cr_choose_area,
  .cr_choose_area .cr_about_content_inner,
  .cr_choose_area .witr_widget_list li,
  .cr_choose_area .single_image_area,
  .cr_choose_area .witr_shape_item{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* 1) Dekorativní "shapes" nesmí blokovat klikání */
.witr_shape_item,
.witr_shape_item *{
  pointer-events: none !important;
}

/* 2) Footer dej nad ostatní vrstvy */
.witrfm_area,
.footer-middle,
.footer-bottom{
  position: relative;
  z-index: 50;
}


/* ===== Precimat – 3 služby vedle sebe ===== */
.precimatServices{
  display: flex;
  justify-content: space-between;
  gap: 5%;
  margin: 50px 0 70px;
  flex-wrap: wrap;
}

.precimatService{
  width: 30%;
  background: #e6cdc8;
  border-radius: 22px;
  padding: 30px 28px;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

/* Nadpis */
.precimatService h3{
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 26px;
}

/* Texty */
.precimatService p{
  margin-bottom: 12px;
}

/* ===== Responzivita ===== */
@media (max-width: 1200px){
  .precimatServices{
    gap: 4%;
  }
  .precimatService{
    width: 48%;
    margin-bottom: 30px;
  }
}

@media (max-width: 768px){
  .precimatServices{
    gap: 26px;
  }
  .precimatService{
    width: 100%;
  }
}


/* ===== CONTACT AREA – výchozí stav ===== */
.cr_contact_area{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .8s ease, transform .8s ease;
}

.cr_contact_area.is-inview{
  opacity: 1;
  transform: translateY(0);
}

/* Levá část – texty */
.cr_contact_area .contact_content_inner{
  opacity: 0;
  transform: translateX(-30px);
  transition: opacity .8s ease, transform .8s ease;
}

.cr_contact_area.is-inview .contact_content_inner{
  opacity: 1;
  transform: translateX(0);
}

/* Postupné odhalení obsahu vlevo */
.cr_contact_area .contact_content_inner > *{
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s ease, transform .6s ease;
}

.cr_contact_area.is-inview .contact_content_inner > *{
  opacity: 1;
  transform: translateY(0);
}

/* Odrážky */
.cr_contact_area .witr_widget_list li{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .55s ease, transform .55s ease;
}

.cr_contact_area.is-inview .witr_widget_list li{
  opacity: 1;
  transform: translateY(0);
}

/* Pravá část – formulář */
.cr_contact_area .apartment_area{
  opacity: 0;
  transform: translateX(30px);
  transition: opacity .9s ease, transform .9s ease;
}

.cr_contact_area.is-inview .apartment_area{
  opacity: 1;
  transform: translateX(0);
}

/* Tlačítko formuláře – finále */
.cr_contact_area button{
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .5s ease, transform .5s ease;
}

.cr_contact_area.is-inview button{
  opacity: 1;
  transform: translateY(0);
}

/* Přístupnost */
@media (prefers-reduced-motion: reduce){
  .cr_contact_area,
  .cr_contact_area .contact_content_inner,
  .cr_contact_area .contact_content_inner > *,
  .cr_contact_area .witr_widget_list li,
  .cr_contact_area .apartment_area,
  .cr_contact_area button{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ===== Galerie wrapper ===== */
.precimatGalleryWrap{
  width: 100%;
  margin: 40px 0 70px;
}

/* Grid galerie */
.precimatGallery{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

/* Karta */
.precimatGallery__item{
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  background: #f7f4ef;
  box-shadow: 0 12px 28px rgba(0,0,0,.08);

  opacity: 0;
  transform: translateY(18px) scale(.985);
  transition: opacity .65s ease, transform .65s ease, box-shadow .25s ease;
  cursor: pointer;
}

/* Fotka */
.precimatGallery__item img{
  width: 100%;
  height: 260px;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  transition: transform .35s ease;
}

/* Popisek */
.precimatGallery__item figcaption{
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 14px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.55);
  color: #fff;
  font-size: 14px;
  line-height: 1.2;

  opacity: 0;
  transform: translateY(8px);
  transition: opacity .25s ease, transform .25s ease;
}

/* Hover */
.precimatGallery__item:hover{
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
}
.precimatGallery__item:hover img{
  transform: scale(1.06);
}
.precimatGallery__item:hover figcaption{
  opacity: 1;
  transform: translateY(0);
}

/* In-view animace */
.precimatGallery__item.is-inview{
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Responzivita */
@media (max-width: 1200px){
  .precimatGallery{ grid-template-columns: repeat(3, 1fr); }
  .precimatGallery__item img{ height: 240px; }
}
@media (max-width: 900px){
  .precimatGallery{ grid-template-columns: repeat(2, 1fr); }
  .precimatGallery__item img{ height: 220px; }
}
@media (max-width: 520px){
  .precimatGallery{ grid-template-columns: 1fr; }
  .precimatGallery__item img{ height: 240px; }
}

/* ===== Lightbox ===== */
.precimatLightbox{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.82);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 9999;
}

.precimatLightbox.is-open{
  display: flex;
}

.precimatLightbox__img{
  max-width: min(1100px, 96vw);
  max-height: 86vh;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
}

.precimatLightbox__close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.precimatLightbox__close:hover{
  background: rgba(255,255,255,.18);
}

/* Přístupnost */
@media (prefers-reduced-motion: reduce){
  .precimatGallery__item,
  .precimatGallery__item img,
  .precimatGallery__item figcaption{
    transition: none !important;
  }
}