@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&family=Lora:wght@400..700&family=Palanquin:wght@400;700&display=swap');
:root {
  --main-color: rgb(142, 209, 224);
  --text-color: rgb(0,0,0);

--white: white;
--black: black;
--grey-dark: #333333;
--blue: #8ED1E0;
--grey-light: #F2F2F2;

--animace: ease 0.3s;
}

/* slider */
/* šířky karet – max 3 vedle sebe na desktopu */

/* DESKTOP ≥ 992px – přesně 3 karty */
@media (min-width: 992px) {
  #LoopGsapSlider .slider-track {
    gap: 2.5rem; /* stejné jako .gap-3 v Bootstrapu */
  }

  #LoopGsapSlider .slider-slide {
    /* 3 karty + 2 mezery po 1rem → (100% - 2rem) / 3 */
    flex: 0 0 calc((100% - 2rem) / 3);
    max-width: calc((100% - 2rem) / 3);
  }
}

/* TABLET: 2 karty vedle sebe */
@media (max-width: 991.98px) and (min-width: 576px) {
  #LoopGsapSlider .slider-track {
    gap: 1rem;
  }

  #LoopGsapSlider .slider-slide {
    /* 2 karty + 1 mezera → (100% - 1rem) / 2 */
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
  }
}

/* MOBIL: 1 karta přes celou šířku */
@media (max-width: 575.98px) {
  #LoopGsapSlider .slider-slide {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#LoopGsapSlider .slider-track{
  will-change: transform;
}

#LoopGsapSlider .slider-viewport{
  position: relative;
  overflow: hidden;
  touch-action: pan-y;
}

/* navbar */
.pm-navbar {
  background: #8ED1E0;
  transition: background-color .2s ease, opacity .2s ease, box-shadow .2s ease;
}

.pm-navbar .navbar-toggler,
.pm-navbar .header_bar__right a,
.pm-navbar .dropdown-toggle {
  color: #000000!important;
}

.pm-navbar .dropdown-toggle {
  text-decoration: none;
}

/* po scrollu - bílý + opacity 0.85 + černý text */
.pm-navbar.is-scrolled {
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}

.pm-navbar.is-scrolled .navbar-toggler,
.pm-navbar.is-scrolled .header_bar__right a,
.pm-navbar.is-scrolled .dropdown-toggle {
  color: #000 !important;
}

/* Bootstrap toggler icon je defaultně tmavý/světlý podle data URI,
   tak tohle zajistí černou i při scrollu */
.pm-navbar.is-scrolled .navbar-toggler-icon {
  filter: brightness(0);
}

.navbar-toggler:focus{ outline: none}
navbar-toggler:focus-visible { outline: none; box-shadow:none;}
.navbar-toggler { --bs-focus-ring-width: 0px;}
/* LOGO Slider - Napsali o nás */
.logo-slider {
      position: relative;
      overflow: hidden;
      border-radius: 16px;
      padding: 18px 0;
      background: var(--bs-body-bg);
      will-change: transform;

      /* Fade na krajích (mizeni log) */
      -webkit-mask-image: linear-gradient(90deg,
        transparent 0%,
        #000 12%,
        #000 88%,
        transparent 100%
      );
      mask-image: linear-gradient(90deg,
        transparent 0%,
        #000 12%,
        #000 88%,
        transparent 100%
      );
    }

    .logo-track {
      display: flex;
      align-items: center;
      width: max-content;
      gap: 48px;
      padding: 0 24px;
      will-change: transform;
    }

    .logo-item {
      flex: 0 0 auto;
      width: 160px;
      height: 72px;
      display: flex;
      align-items: center;
      justify-content: center;
      opacity: .95;
    }

    .logo-item img {
      max-width: 100%;
      max-height: 44px;
      object-fit: contain;
      display: block;
      filter: grayscale(100%);
      opacity: .9;
      transition: filter .2s ease, opacity .2s ease, transform .2s ease;
    }

    .logo-item img:hover {
      filter: grayscale(0%);
      opacity: 1;
      transform: translateY(-2px);
    }


/* Šipky na krajích viewportu */
#LoopGsapSlider .slider-nav-btn{
  position:absolute;
  top:35%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  line-height:44px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:5;
}

#LoopGsapSlider .slider-prev{
  left:.5rem;
}

#LoopGsapSlider .slider-next{
  right:.5rem;
}

#LoopGsapSlider .slider-nav-btn:hover,
#LoopGsapSlider .slider-nav-btn:focus{
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/* jemný přechod popisku pod kartou */
#LoopGsapSlider .slider-slide .small{
  transition: opacity .25s ease;
}

/* tlačítka galerie */
.gal-prev-btn {position: absolute;
    left: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}
.gal-next-btn {position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    line-height: 44px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

/* booking na hp */
.header_booking {position: absolute; bottom: 0; left: 0; right: 0; padding: 1.25rem 0; background-color: var(--grey-dark); color: var(--white); font-size: 2rem; font-family: "Lora"; font-weight: normal; text-transform: uppercase;}
.form_wrap {display: flex; justify-content: space-between;}
.form_wrap .button {color: white;}
.form_wrap .button:hover {color: var(--white);}
.hp_form input { width:190px;padding: .3rem 0; border: 1px solid transparent; font-family: "Palanquin"; font-size: 1rem; color: var(--white); border-bottom: 1px solid var(--blue); margin: 0 .5rem; outline: none;}
.hp_form input[type=submit] {width:auto!important;display: inline-flex; font-size: 1rem; text-decoration: none; padding: 0.5rem 1.75rem; transition: var(--animace); background-color: transparent; color: var(--white); text-transform: uppercase; border: 1px solid var(--blue); cursor: pointer; margin: .25rem; text-align: center; position: relative; z-index: 1;}
.hp_form input[type=submit]::before {content: ""; left: 0; top: 0; bottom: 0; width: 0; background-color: var(--blue); position: absolute; z-index: -1; transition: var(--animace);}
.hp_form input[type=submit]:hover {background-color: var(--blue);color: var(--lack); }
.hlavni input, option, select {background: transparent; color: var(--white);color-scheme: dark;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #888; } ::-moz-placeholder { /* Firefox 19+ */ color: #888; } :-ms-input-placeholder { /* IE 10+ */ color: #888; } :-moz-placeholder { /* Firefox 18- */ color: #888; }
/* ::-webkit-calendar-picker-indicator {    filter: invert(1);} */


/* slider konec */
.dropdown-menu {--bs-dropdown-link-active-bg: var(--blue);}

html {overflow-x: hidden;} body { font-family: 'Palanquin', sans-serif; font-optical-sizing: auto; font-style: normal; }
#menu { background-color: var(--main-color)!important;}
#menu .nav-link { color: var(--text-color)!important; }
#h-max { min-height: 101vh; }
.text-color {color:var(--main-color)!important}
.section-py {padding: 7rem 0;}

.button {display: inline-flex; font-size: 1rem; text-decoration: none; padding: 0.5rem 1.75rem; transition: ease 0.3s; background-color: transparent; color: var(--black); text-transform: uppercase; border: 1px solid var(--blue); cursor: pointer; margin: .25rem; text-align: center; position: relative; z-index: 1;}
.button::before {content: ""; left: 0; top: 0; bottom: 0; width: 0; background-color: var(--blue); position: absolute; z-index: -1; transition: var(--animace);}
.button:hover::before {width: 100%;} 

.footer-pm h4 {color: var(--main-color); font-family: 'Palanquin', sans-serif; margin-bottom: 0px;}
.footer-pm a {color: var(--white)}
.footer-pm a:hover {color: var(--main-color)}
.footer-pm p {margin-bottom: 0.3rem;}
.footer-bg {background-color: #333333;}
.footer-top-border {border-top-width:12px; border-top-color: var(--main-color); border-top-style: solid}

.nadpis-h2 {font-family: 'Lora', serif; font-weight: normal; font-size: 2rem;}

/* Separatory */
.sep_flower {height: 150px; background: url(../img/sep_flower.svg) center no-repeat; margin: 0; padding: 0;}


.header {  height: calc(100vh - 70px);}
.header img{width: 100%; height: 100%; object-fit:cover;}
.hero-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* vycentrování na střed */
    margin: 0;
    text-align: center;
    color: #fff;          /* ať je vidět na fotce */
    z-index: 2;
font-size: 3.8rem;
text-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.3),
        0 8px 20px rgba(0, 0, 0, 0.3);
}


/* Menu */

.side_menu {position: fixed; left: 0; top: 0; bottom: 0; padding-top: 76px; z-index: -1;opacity: 0; background-color: var(--grey-dark);}
#close_menu-button {display: block; position: absolute; left: 1.5rem; width: 46px; height: 46px; top: 15px; background: transparent; border: none; cursor: pointer;}
#close_menu-button span {display: block; width: 30px; height: 2px; border-radius: 1px; background-color: var(--white); transform-origin: center; left: 8px; position: absolute;}
#close_menu-button span:nth-child(1) {transform: rotate(45deg);}
#close_menu-button span:nth-child(2) {transform: rotate(-45deg);}

.side_menu menu {padding: 2.5rem; width: 250px; font-size: 1.125rem; margin: 0;}
.side_menu menu li {padding: 0; margin: 0; list-style: none;}
.side_menu menu li a {text-transform: uppercase; display: block; text-decoration: none; padding: 0.5rem 0 0.5rem 2.5rem;}

.left-side_menu menu > li.active a {background: url(../img/menu_active.svg) left 10px no-repeat;}
.left-side_menu menu > li a:hover {background: url(../img/menu_active.svg) left 10px no-repeat; filter: grayscale(1);}

.border-top-color {border-top: 1px solid var(--main-color)}
.border-bottom-color {border-bottom: 1px solid var(--main-color)}
.border-bottom-color-3 {border-bottom: 3px solid var(--main-color)!important}
.border-blue {border: var(--bs-border-width) var(--bs-border-style) var(--blue) !important;}

.border-color {--bs-border-color: var(--blue)!important;}

.tabulka-border .nav-link.active{border-bottom: 3px solid var(--blue) !important;}
.tabulka-border .nav-link {border: 0; background: transparent; color:black;}

.main {position: relative;}
h1, h2, h3, h4, h5 {
    font-family: 'Lora', serif;
    font-weight: normal;
}
/* Kytka */
.vertical_flower {justify-self: center; display: grid; align-content: flex-start; width:90px; background: url(../img/kytky_svisle.svg) center no-repeat; margin: 0;background-size: cover;}


.top-index sup{top:0.5em;}

.width-odstavec {width:50%!important}

.container {max-width: 1500px!important;}

.oceneni {position: static; right: 30px; z-index:2; bottom: 30px; position:absolute;}
.oceneni-velikost {height: 130px;}

/* Slider */
.carousel-control-next-icon {background-image: url(../img/nove/slider-galerie/next-btn.svg);}
.carousel-control-prev-icon {background-image: url(../img/nove/slider-galerie/prev-btn.svg);}
.carousel-control-next, .carousel-control-prev {opacity: 0.7;}

/* Galerie Templates */
.galerie-4-radek {display: flex; flex-wrap: nowrap; padding: 0 8px;}
.galerie-4-sloupec {flex: 50%; max-width:50%; padding: 0 8px;}
.galerie-4-sloupec img{margin-top: 16px; vertical-align: middle; width: 100%; height: auto; display: inline-block;}

.width-galerie {width: 90%; max-width: 1200px; margin: 0 auto; position: relative;}

 #accGallery{    position: relative;    height: 100%;    max-height: 1200px;    overflow: hidden;  }

#accGallery { --fade: .7s; --ease: cubic-bezier(.22,.61,.36,1); --vdelay: var(--fade); }
#accGallery .acc-img{    position: absolute;    inset: 0;    width: 100%;    height: 100%;    object-fit: cover;    opacity: 0;    visibility: hidden;    will-change: opacity;    pointer-events: none;
     z-index: 0;    transition:    opacity var(--fade) var(--ease),    visibility 0s linear var(--vdelay);
  }

  #accGallery.ready .acc-img{    transition: opacity .8s ease-in-out, visibility .8s linear;  }
  #accGallery .acc-img.active{    opacity: 1;  visibility: visible;  transition:    opacity var(--fade) var(--ease),    visibility 0s linear 0s;  z-index: 1;  }

.accordion-button .acc-logo{  opacity: 0;  visibility: hidden;  transition:    opacity .35s ease,    visibility 0s linear .35s;   pointer-events: none;}

.accordion-button:not(.collapsed) .acc-logo{  opacity: 1;  visibility: visible;  transition:    opacity .35s ease,    visibility 0s linear 0s;}

.accordion-button:hover .acc-logo{  opacity: 1;  visibility: visible;  transition:    opacity .2s ease,    visibility 0s linear 0s;}

/* Galerie Pokojů */
.wrap-inspirace{width:62%;display: grid;justify-self: center;}
.img-prvni{  grid-row: 1 / span 2; }
.img-druha{  grid-column: 2 / span 2; width: 100%!important; height:350px!important;}
.img-treti{  grid-row: 2 / span 3;grid-column: 2; width: 100%!important;height: 500px!important;}
.img-ctvrta{ grid-column:3;grid-row: 2; width: 100%!important;height: 250px!important; }
.img-pata{   grid-column:1;grid-row: 3 /span 4;height: 865px!important;}
.img-sesta{   grid-column:2;width: 100%!important;height: 480px!important;}
.img-sedma{   grid-column:3;grid-row: 3/span 4;width: 100%!important;height: 865px!important;}
.img-osma{   grid-column:1;grid-row: 7;height: 680px!important;}
.img-devata{   grid-column:2; grid-row: span 6; width: 100%!important;height: 865px!important;}
.img-desata{   grid-column:3;grid-row: 7;width: 100%!important;height: 680px!important;}
.inspirace { padding: 0 48px 12px 24px; display: grid; align-items: flex-end; grid-template-columns: max-content; grid-template-rows: 1fr; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.8799894957983193) 0%, rgba(0,0,0,0) 40%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.8799894957983193) 0%, rgba(0,0,0,0) 40%); background: linear-gradient(0deg, rgba(0,0,0,0.8799894957983193) 0%, rgba(0,0,0,0) 40%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);}
.inspirace h2{ font-size: 28px!important; }
.firemni-akce{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto auto; justify-items: center; gap:15px 15px; }.firemni-akce div{ width: 100%;height: 100%; }
.firemni-akce a:hover{ color: var(--primary); transition: 0.7s; }.firemni-akce a{ color: var(--white);height: 100%; display: grid;}
.firemni-akce-inspirace{ width:100vw; padding: 0 20px!important; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto auto auto;justify-self: center; justify-items: center; gap:15px 15px; }.firemni-akce-inspirace div{ width: 100%;height: 100%; }
.firemni-akce-inspirace a:hover{ color: var(--primary); transition: 0.7s; }.firemni-akce-inspirace a{ color: var(--white);height: 100%; display: grid;}
.galerie-detail-pokoje article{ display: grid; background-color:var(--black); min-height: 75vh; grid-template-columns: auto;} article > * { grid-row-start: 1; grid-column-start: 1;}
.pokoj-hlavni {width:1500px;}

.rez-ikony {height: 28px;}


/* Slider na HP pokoje */
.rooms-slider {
    --rs-radius: 18px;
    --rs-bg: #0b0b0b;
    --rs-fg: #fff;
    --rs-fg-muted: rgba(255,255,255,.75);
    --rs-accent: #ffffff;
    --rs-shadow: 0 12px 30px rgba(0,0,0,.25);
    max-width: 1200px;
    margin: 24px auto;
    padding: 0 16px;
  }
  .rs-viewport {
    position: relative;
    aspect-ratio: 16 / 9; /* změň podle potřeby */
    border-radius: var(--rs-radius);
    overflow: hidden;
    background: #111;
    box-shadow: var(--rs-shadow);
  }
  .rs-track {
    display: flex;
    height: 100%;
    transform: translate3d(0,0,0);
    transition: transform .6s ease;
    will-change: transform;
  }
  .rs-slide {
    min-width: 100%;
    height: 100%;
    position: relative;
  }
  .rs-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    background: #000;
  }
  .rs-label {
    position: absolute;
    left: 12px;
    bottom: 12px;
    padding: 8px 12px;
    font: 500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--rs-fg);
    background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.6));
    border-radius: 10px;
    backdrop-filter: blur(4px);
  }

  /* Šipky */
  .rs-arrow {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: rgba(0,0,0,.45);
    color: var(--rs-fg);
    display: grid;
    place-items: center;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
    z-index: 5;
  }
  .rs-arrow:hover { background: rgba(0,0,0,.7); transform: scale(1.04) translateY(-50%); }
  .rs-prev { left: 10px; }
  .rs-next { right: 10px; }

  /* Tečky */
  .rs-dots {
    position: absolute;
    left: 50%;
    bottom: 10px;
    translate: -50% 0;
    display: flex;
    gap: 8px;
    z-index: 6;
  }
  .rs-dots button {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    border: 0;
    background: rgba(255,255,255,.35);
    cursor: pointer;
    transition: transform .2s ease, background .2s ease;
  }
  .rs-dots button[aria-selected="true"] {
    background: var(--rs-accent);
    transform: scale(1.2);
  }

  /* Responsivita */
  @media (max-width: 720px) {
    .rooms-slider { padding: 0 10px; }
    .rs-label { font-size: 12px; }
    .rs-arrow { width: 40px; height: 40px; }
  }

  /* Respekt k uživatelům s omezením animací */
  @media (prefers-reduced-motion: reduce) {
    .rs-track { transition: none; }
  }
/* konec Slider na HP pokoje */
  @media (prefers-reduced-motion: reduce){
    #accGallery .acc-img,
    #accGallery.ready .acc-img{ transition: none; }
.accordion-button .acc-logo{ transition: none; }
  }
/* Accordion */
.shadow-off .accordion-button:focus {box-shadow:none;}
.button-off .accordion-button::after {display:none;}
.hover-hermanek img{display:none;}
.hover-hermanek img::hover{display:flex;}

.wid-75 {width: 75%;}
.wid-85 {width: 85%;}
[data-wipe] { display: inline-block; }

.px-md-10 {padding-left: 10rem !important; padding-right: 10rem !important;}

/* obaly písmen/ slov */
[data-wipe] .piece { display:inline-block; overflow:hidden; }
[data-wipe] .inner { display:inline-block; transform: translateY(0); } /* pro budoucí efekty */
.svgLogo {  opacity: 0; height:13vh!important;width:auto!important; position: absolute!important;z-index:10!important;top:31vh!important;left:14.3vw!important; transform: translateY(16px);  }
.textH {  padding: 2vh 0; opacity:0; font-family: "Great Vibes", cursive; font-weight: 400; font-style: normal; font-size: 7vh; position: absolute!important;z-index:1!important;top:6.4vh!important;left:50vw!important  }
.textH2 {  padding: 2vh 0 0 0;opacity:0;font-family: "Great Vibes", cursive; font-weight: 400; font-style: normal; font-size:4.3vh; position: absolute!important;z-index:1!important;top:14vh!important;left:51vw!important  }
@media (max-width: 1100px) {
.textH { left:5vw!important;font-size:14vw!important;top:3vh!important; }
.textH2 { left:5vw!important;font-size:7vw!important;top:17vh!important; }
}
/** #videoHP { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.videoHP { position: relative; z-index: 0; height: 64.5vh!important; } */

#videoHP{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.videoHP{position: absolute; top: 0; left: 0; z-index: 0; min-width: 100%; min-height: 100%;}
.vid {height: 90vh!important} 

.videoNew {width: 100%; height: 100%}
#maxHeight{  position: relative;  height: 100vh; height: 100svh;  overflow: hidden; }
#maxHeight .hero-img{ will-change: transform;  position: absolute; inset: 0;  width: 100%; height: 100%;  object-fit: cover;  z-index: 0; }

#revealBox{  position: absolute; left: 0; right: 0; bottom: -16vh;  z-index: 2; opacity: 0; }
.text-secondary-50{ color: rgba(255,255,255,.6); }

[data-bs-theme="light"] .text-secondary-50{ color: rgba(0,0,0,.6); }
.project { padding: clamp(24px,6vw,56px) 0; }
.project .container-xl { position: relative; }


/* obrázek */
.project-media { overflow: hidden; border-radius: 14px; }
.project-media img{
  display:block; width:100%;
  height: min(60vh, clamp(320px, 52vw, 560px));
  object-fit: cover;
opacity:0;
  will-change: transform, opacity;
}
@media (max-width: 1650px){
.firemni-akce-inspirace{ width:100vw; padding: 0 20px!important; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto auto;justify-self: center; justify-items: center; gap:15px 15px; }
.pokoj-hlavni {width:1050px;}
.prozijte-w {max-width: 1150px!important;}
}

@media (min-width: 1401px){
.max-h-gal {max-height: 750px;}
.pokoje-w {width: 40%;}
.hp-pt {padding-top: 5rem!important;}
.hp-mt {margin-top: 5rem;}
.text-main {width: 65%!important}
}
@media (max-width: 1400px){
.max-h-gal {max-height: 600px;}
.proz p {font-size: 14px; margin-bottom: 7px;}
.proz a {font-size: 14px; margin-top: 4px}
.proz h2 {font-size: 26px;}
.firemni-akce-inspirace{ width:100vw; padding: 0 20px!important;}
.pokoj-hlavni {width:900px;}
.galerie-detail-pokoje article {    min-height: 85vh; }
.pokoje-w {width: 50%;}
.width-odstavec {width:75%!important}
.firemni-akce div { width: 300px; height: 100%; }
.hp-mt {margin-top: 4rem;}
.hp-pt {padding-top: 4rem!important;}
.text-main {width: 80%!important}
}

@media (max-width: 1200px){
.proz p {font-size: 11px; margin-bottom: 7px;}
.proz a {font-size: 12px; margin-top: 1px}
.proz h2 {font-size: 24px;}
.oceneni-velikost {height: 160px;}
.firemni-akce-inspirace{width: 100%;grid-template-rows:auto;grid-template-columns:1fr;padding: 50px 100px !important;}.img-prvni,.img-druha,.img-treti,.img-ctvrta,.img-pata,.img-sesta,.img-sedma,.img-osma,.img-devata,.img-desata{ grid-column: none; grid-row: none;grid-column: auto;grid-row: auto;}
.header_booking {display:none;}
.hp-mt {margin-top: 2.5rem;}
.hp-pt {padding-top: 2.5rem!important;}
}

@media (max-width: 1100px){
 .firemni-akce { display: block!important;}
.img-prvni{  height:600px!important; }
.firemni-akce img{ justify-self:center;}
 .firemni-akce img:nth-child(2){ grid-column: 1;height: auto; max-width: 100%; }
.galerie-detail-pokoje article{height: auto!important;}
.oceneni-velikost {height: 130px;}
}

@media (max-width: 1001px){
.vertical_flower {display:none;}
.pokoje-w {width: 100%;}
.hp-mt {margin-top: 2rem;}
.hp-pt {padding-top: 2rem!important;}
}

@media (min-width: 800px) and (max-width: 1000px) {
.proz p {font-size: 8px; margin-bottom: 7px;}
.proz a {font-size: 8px; margin-top: 0px}
.proz h2 {font-size: 18px;}
}
@media (min-width: 801px) {
.renc-height {height: 520px;}
}

@media (max-width: 800px){
.galerie-4-radek {display: flex; flex-wrap: wrap; padding: 0 5px;}
.galerie-4-sloupec {flex: 100%; max-width: 100%}
.firemni-akce-inspirace{width: 100%;grid-template-rows:auto;grid-template-columns:1fr;padding: 50px 0 !important;}.img-prvni,.img-druha,.img-treti,.img-ctvrta,.img-pata,.img-sesta,.img-sedma,.img-osma,.img-devata,.img-desata{ grid-column: none; grid-row: none;grid-column: auto;grid-row: auto;}
.pokoj-hlavni {width:100%;}
.oceneni-velikost {height: 100px;}
.pokoje-w {width: 100%;}
.hp-mt {margin-top: 1rem;}
.hp-pt {padding-top: 1rem!important;}

.oceneni {position: static; right: 10px; z-index:2; bottom: 50px; position:absolute;}
}

@media (min-width: 576px){
.hermanek{background: url(../img/new/HERMANKY_NAPOJENE_NEW.svg) left/13% repeat-y border-box;}
.wid-50 {width: 50%!important;}
.dominik {width: 100%; height: fit-content; max-width: 400px;}
.vid-hp { width: 100%; height: 90vh; position: relative; }
}

@media (max-width: 575px){
  .project-media img{ height: min(50vh, 420px); }
.wid-50 {width: 100%!important;}
.dominik {width: 300px;}
.gal-prev-btn, .gal-next-btn{width:30px; height: 30px; line-height:30px}
 .carousel-control-prev-icon, .carousel-control-next-icon {height: 26px;}
.pokoje-w {width: 100%;}
.text-main {width: 100%!important}
.vid-hp {width: 100%; height: 80vh; position: relative;}
}
/* karta */
.experience{
  top: clamp(83px, 83vw, 433px)!important;  
}
.project-card{
opacity:0;
  position:absolute;
  top: clamp(16px, 6vw, 64px);
  left: clamp(12px, 5vw, 64px);
  max-width: 420px;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(6px);
  border-radius: 12px;
  padding: clamp(16px, 3vw, 28px);
  will-change: transform, opacity;
}
[data-bs-theme="dark"] .project-card{ background: rgba(0,0,0,.55); color:#fff; }

/* zrcadlo: karta napravo */
.project--alt .project-card{ left:auto; right: clamp(12px, 5vw, 64px); }