@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;

--admin-font: var(--bs-body-font-family);
--animace: ease 0.3s;
}

.admin-font h1, h2, h3, h4, h5, p, a {font-family: var(--admin-font)!important;}
.fullHeight {min-height:100vh; overflow: hidden !important;}
/* slider */
/* šířky karet – max 3 vedle sebe na desktopu */

.footer-bg {background-color: #333333;}
.footer-top-border {border-top-width:12px; border-top-color: var(--main-color); border-top-style: solid}

    /* Styly pro mobilní navbar */
@media (max-width: 575.98px) {
    .navbar .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .navbar .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .navbar .col-6 {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    /* Logo Bistro - zmenšit na mobilu */
    .navbar .col-6 img {
        max-height: 35px !important;
        width: auto;
    }
    
    /* Mezery mezi ikonami na mobilu */
    .navbar .d-sm-none .me-3 {
        margin-right: 12px !important;
    }
    
    /* Badge košíku - zmenšit na mobilu */
    .cart-badge {
        font-size: 10px !important;
        min-width: 16px;
        height: 16px;
        line-height: 16px;
        padding: 0 4px;
    }
    
    /* Ikony - zmenšit */
    .navbar .d-sm-none svg {
        height: 20px;
        width: 20px;
    }
}

/* Pro středně velké telefony */
@media (max-width: 400px) {
    .navbar .col-6 img {
        max-height: 30px !important;
    }
    
    .navbar .d-sm-none .me-3 {
        margin-right: 8px !important;
    }
    
    /* Text "Přihlásit" zmenšit na velmi malých obrazovkách */
    .navbar .d-sm-none a[title="Přihlásit se"] {
        font-size: 12px !important;
    }
}
.mt-header {margin-top: 7rem!important;}
/* BISTRO */
<style>
  .object-fit-cover {
    object-fit: cover;
  }
  
  /* Animace pro tlačítko */
  .btn-warning:hover {
    transform: translateY(-3px);
    transition: transform 0.3s ease;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  }
  
  /* Animace pro šipku dole */
  .bi-chevron-double-down {
    animation: bounce 2s infinite;
  }
  
  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-10px);
    }
    60% {
      transform: translateY(-5px);
    }
  }
/* Vypne ovládací šipky u inputů typu number */
.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-input[type=number] {
    -moz-appearance: textfield;
    appearance: none;
}

/* Pro moderní prohlížeče */
.quantity-input {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
        background-color: white;
    cursor: default;
    font-weight: bold;
    transition: all 0.2s;
}
.quantity-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.input-group .btn-outline-secondary {
    border-color: #dee2e6;
    padding: 0.375rem 0.75rem;
    transition: all 0.2s;
    position: relative;
    overflow: hidden;
}

.input-group .btn-outline-secondary:hover {
    background-color: #f8f9fa;
    border-color: #adb5bd;
}

.input-group .btn-outline-secondary:active {
    background-color: #e9ecef;
    transform: scale(0.95);
}

.quantity-input.changed {
    color: #000; /* Výchozí barva */
    animation: pulseText 0.3s ease-in-out;
}

@keyframes pulseText {
    0% { font-size: 12px; }
    50% { font-size: 20px; }
    100% { font-size: 12px; }
}
/* BISTRO KONEC */
/* 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);
  }
}
.package {
  position: fixed;
  width: 20px;
  height: 20px;
  background-color: #8B4513;
  border-radius: 3px;
  z-index: 9999;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  pointer-events: none;
  border-color: #ffffff;
  border-style: solid;
  border-width: 2px;
}
/* Animace pro úspěšné přidání do košíku */
@keyframes successAdd {
    0% {
        background-color: white;
        border-color: #8ed1e0;
    }
    50% {
        background-color: #28a745;
        border-color: #28a745;
        color: white;
        transform: scale(1.05);
    }
    100% {
        background-color: white;
        border-color: #8ed1e0;
        color: #8ed1e0;
    }
}

.btn-success-animation {
    animation: successAdd 1.2s ease;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

/* Ikona košíku během animace úspěchu */
.btn-success-animation svg path {
    animation: iconSuccess 1.2s ease;
}

@keyframes iconSuccess {
    0%, 100% {
        fill: #8ed1e0;
    }
    50% {
        fill: white;
    }
}
/* 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 .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 h1,
.pm-navbar.is-scrolled .dropdown-toggle, .pm-navbar.is-scrolled p {
  color: #000 !important;
}

.pm-navbar.is-scrolled svg path {fill: #000!important}
.pm-navbar.is-scrolled .cart-item svg path {fill: #dc3545!important}
.pm-navbar.is-scrolled .cart-item a path:hover {fill: #fff!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);}

/* BISTRO */
.cart-hover-dropdown {position: relative;}

.cart-hover-dropdown:hover .dropdown-menu {display: block !important; opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important;}

.cart-hover-dropdown .dropdown-menu {display: none !important; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all 0.3s ease; right: 0; left: auto;}

.cart-hover-dropdown .dropdown-menu:hover {display: block !important; opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important;}

@media (max-width: 576px) {
    .cart-hover-dropdown .dropdown-menu { position: fixed !important; right: 10px !important; left: 10px !important; width: calc(100% - 20px) !important; max-width: 450px !important;        margin: 0 auto !important;    }
}

.btn-bistro-cart {background-color: white !important; border-color: #8ed1e0 !important; color: #8ed1e0 !important; transition: all 0.3s ease;}

.btn-bistro-cart:hover { background-color: #8ed1e0 !important; color: white !important;}

.btn-bistro-cart:hover svg path { fill: white !important;}

.btn-bistro-cart svg path {fill: #8ed1e0; transition: fill 0.3s ease;}

.btn-bistro-cart-fill {background-color: #8ed1e0!important; border-color: white!important; color: white!important; transition: all 0.3s ease;}

.btn-bistro-cart-fill:hover { background-color: white!important; color: #8ed1e0!important; border-color: #8ed1e0!important}

.btn-bistro-cart-fill:hover svg path { fill: #8ed1e0!important;}

.btn-bistro-cart-fill svg path {fill: white; transition: fill 0.3s ease;}

.product-image-container {position: relative; overflow: hidden; cursor: pointer;}

.product-image-container img {transition: transform 0.5s ease;}

.product-image-container:hover img {transform: scale(1.05);}

.product-image-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease;}

.product-image-container:hover .product-image-overlay {opacity: 1;}

.eye-icon {width: 60px; height: 60px; background-color: rgba(255, 255, 255, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease, background-color 0.3s ease;}

.product-image-container:hover .eye-icon { transform: scale(1.1);}

.eye-icon svg {width: 30px; height: 30px;}

.eye-icon svg path {fill: #8ed1e0;}

.cart-badge {position: absolute; top: -8px; right: -8px; width: 24px; height: 24px; background-color: #dc3545; color: white; display: flex; align-items: center; border-radius: 50%; justify-content: center; font-size: 0.75rem; font-weight: bold;}
@media (max-width: 768px) {
   .product-image-container img {
       max-width: 100%;
       height: auto;
   }
}
/* Animace letu ikonky do košíku */


/* Efekt pro tlačítko při kliknutí */
.btn-cart:active { transform: scale(0.95); transition: transform 0.1s; }

.text-bistro {color: #8ed1e0 !important;}
.bistro-text-decoration-color: {rgba(var(--blue), var(--bs-link-underline-opacity, 1)) !important;}

/* BISTRO KONEC */

/* Š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;
}

/* 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%;} 

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

.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;}

/**Cookies*/
.cc-pc-head-close:active{border-color: var(--blue)!important;}
	.cc-pc-head-lang-select:checked{borde-color: var(--blue)!important;}
	.cc-nb-okagree{background-color: var(--blue)!important;}
	.cc-cp-foot-save{background-color: var(--blue)!important;}
	.cc-nb-reject{display:none!important;}
	#open_preferences_center:hover{color: var(--blue)!important;}


  /* 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; }


@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); }