/* =========================================================
   RESPONSIVE STRUKTURA – MOBILE FIRST – UPRAVENO
   Projekt: laminatovy-bazen.cz
   Princip:
   - základní stav bez media query = mobil
   - @media (min-width: 768px) = tablet / větší mobil na šířku
   - @media (min-width: 1180px) = desktop / Full HD a větší
   ========================================================= */

/* =========================================================
   1) ZÁKLAD – MOBIL / MOBILE FIRST
   ========================================================= */

/*  Mobile - General nastaveni pages a pozadi - START */	


html {
  scroll-behavior: smooth;
}

body.wp-singular {
background-image: transparent;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
	background:#1f3238;
  }

body.wp-singular  {
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}

body.wp-singular:not(.home) #page {margin: 0px 15px 15px 15px;}

[id] {
  scroll-margin-top: 100px;
}

.single .featured-image.page-header-image-single,
.page .featured-image.page-header-image-single,
.single .page-header-image-single,
.page .page-header-image-single {
    display: none !important;
}

#page {
background: #FFFFFF;
border-radius: 0px 0px 10px 10px;
margin-bottom: 40px;
}


#page .inside-article {
padding-top:0px;
padding-bottom: 20px;
background-color:#ffffff;
}

body.home #page .inside-article {
    padding-top: 0px;
    padding-bottom: 20px;
    background-color:#fefaee;
}

body.home #page {margin-bottom:0px !important;}


.site-info {
    color: var(--base-3);
    background: #205a5a;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 20;
}
	
/*  Mobile - General nastaveni pages END */


/* Česká vlajka v hlavičce – decentní informační odznak */
.top-bar {
    background: transparent;
    color: #ffffff;
    position: absolute;
    left: 15px;
    top: 176px;
    margin: 0;
    padding: 0;
    z-index: 40;
width: 56px;
height: 43px;
opacity: 0.82;
background:linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.04));
border: 1px solid rgba(243, 211, 122, 0.38);
box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.34),
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 0 12px rgba(42, 191, 213, 0.16);

backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border-radius: 5px;
display: flex;
align-items: center;
}


/* Obal top-baru */
.top-bar .inside-top-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
}

.top-bar .inside-top-bar, .top-bar .inside-top-bar aside {
	padding:0px !important;
	margin:0px !important;
}

.top-bar .inside-top-bar aside figure {
border-radius:5px;
    }

/* Samotná vlajka */

.top-bar .inside-top-bar aside figure img {
    display: block;
width: 48px;
    height: 32px;
    border-radius: 5px !important;
  
}

/* Top Bar nad Header - Vlajka End  */

/* Nefixnuta hlavicka menu  Start */

.site-header {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 1;
	 background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Laminatovy-bazen-header-Mobile-X7.png);
    background-position: top;
    background-repeat: no-repeat;
        background-size: cover;
min-height: 235px;	
max-height: 235px;	
background-position: right;
    background-size: cover;
border-top: solid 1px rgba(243, 211, 122, 0.95);
}


.main-navigation.mobile-menu-control-wrapper {margin-top:160px;}

#masthead.site-header.has-inline-mobile-toggle:not(.is-fixed-mobile-header) button.menu-toggle {
        padding: 8px 8px 8px 8px;
        color: #ffffff !important;
        font-weight: 500;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.04)) !important;
        border: 1px solid rgba(215, 174, 74, 0.52);
        border-radius: 5px;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 3px 10px rgba(0, 0, 0, 0.22);
        transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
border-top: solid 1px rgba(243, 211, 122, 0.95);
    }
	
	

/* Nefixnuta hlavicka menu End */


/* Fix a Nefix menu spolecne Start */

#masthead.site-header.has-inline-mobile-toggle button.menu-toggle span.gp-icon {
    display: inline-flex;
    align-self: center;
    font-size: 22px;
    align-items: center;
    opacity: 0.9;
    justify-content: center;
    align-items: flex-start;
}

button.menu-toggle .gp-icon::before {
    content: "Menu: ";
    font-size: 14px;
    margin-right: 0px;
border:solid 0px red;
padding: 5px 10px 5px 0px;
}


.main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
        margin: 0px;
        padding: 0px;
    }

/* Plovoucí Mobilni menu - Efekt Transitions - Mobile */

  #masthead.site-header {
        transition:
            background-color 0.35s ease,
            box-shadow 0.35s ease,
            border-color 0.35s ease,
            min-height 0.35s ease,
            transform 0.35s ease;
    }

    #masthead.site-header .inside-header {
        transition:
            min-height 0.35s ease,
            padding 0.35s ease;
    }

    #masthead.site-header .site-logo {
        transition:
            width 0.35s ease,
            min-height 0.35s ease,
            transform 0.35s ease,
            opacity 0.35s ease;
    }

    #masthead.site-header #mobile-menu-control-wrapper .menu-toggle {
        transition:
            min-height 0.35s ease,
            padding 0.35s ease,
            background-color 0.35s ease,
            border-color 0.35s ease,
            box-shadow 0.35s ease,
            transform 0.35s ease;
    }


/* Navigace 2 - neni nasazeno */
.site-header .header-widget {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: absolute;
    right: 15px;
    bottom: 10px;
}

.site-header .header-widget ul li {border-radius:5px;}


.site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d8a735, #f3d37a, #d8a735, transparent);
}

#masthead.site-header.has-inline-mobile-toggle:not(.is-fixed-mobile-header) .main-navigation::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d8a735, #f3d37a, #d8a735, transparent);
    opacity: 0.9;
}

#masthead.site-header.has-inline-mobile-toggle:not(.is-fixed-mobile-header) .main-navigation::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #d8a735, #f3d37a, #d8a735, transparent);
    opacity: 0.9;
}

#masthead.site-header.has-inline-mobile-toggle.is-fixed-mobile-header .main-navigation::after {
display:none
}

/* Logo - Jen Mobile  */

.site-logo {
    display: inline-block;
    max-width: 245px;
    margin-left: -8px;
    margin-top:0px;

}

.site-logo img.header-image.is-logo-image,
.site-logo img.custom-logo,
img.header-image.is-logo-image.custom-logo {
    xmax-height: 68px;
    width: auto;
    object-fit: contain;

    filter:
        drop-shadow(0 2px 3px rgba(0, 0, 0, 0.55))
        drop-shadow(0 0 8px rgba(243, 211, 122, 0.28))
        drop-shadow(0 0 14px rgba(42, 191, 213, 0.10));

    transition:
        filter 0.35s ease,
        transform 0.35s ease,
        opacity 0.35s ease;
}

.site-logo a:hover img.header-image.is-logo-image,
.site-logo a:hover img.custom-logo {
    transform: translateY(-1px) scale(1.015);

    filter:
        drop-shadow(0 2px 4px rgba(0, 0, 0, 0.65))
        drop-shadow(0 0 11px rgba(243, 211, 122, 0.42))
        drop-shadow(0 0 18px rgba(42, 191, 213, 0.16));
	}	


x.site-logo a {
    padding: 8px 14px;
    border-radius: 8px;
    background: radial-gradient(
        circle at center,
        rgba(243, 211, 122, 0.08),
        rgba(42, 191, 213, 0.04) 48%,
        transparent 72%
    );
}	


/* Zlatá linka pod hlavičkou */
#masthead.site-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(180, 126, 32, 0.35),
        rgba(243, 211, 122, 0.95),
        rgba(180, 126, 32, 0.35),
        transparent
    );
    pointer-events: none;
}

    #masthead.site-header .inside-header {
        min-height: 86px;
        padding: 15px 15px;
    }

   

    #masthead.site-header .site-logo {
        transform: scale(1);
        transform-origin: left center;
    }

    #masthead.site-header.is-fixed-mobile-header .site-logo {
        transform: scale(0.86);
    }

    #masthead.site-header .menu-toggle {
        transform: scale(1);
    }

    #masthead.site-header.is-fixed-mobile-header .menu-toggle {
        transform: scale(0.82);
    }

/* Fixnute menu - hlavicka is-fixed -  mobil  */

    #masthead.site-header.is-fixed-mobile-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 99999;
        min-height: 62px;
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Logo-Laminatovy-Bazen-Gold-3.png) 70px 8px / 200px no-repeat, radial-gradient(circle at 20% 0%, rgba(42, 191, 213, 0.28), transparent 34%), radial-gradient(circle at 85% 30%, rgba(216, 167, 53, 0.12), transparent 28%), linear-gradient(135deg, #061b2f 0%, #07394a 48%, #0b6470 100%);
		 border-bottom: 0px solid rgba(231, 174, 64, 0.9);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);
    }


#masthead.site-header.is-fixed-mobile-header .inside-header::before {
content:"";
position:absolute;
top:17px;
left:15px;
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Lang-CZ.webp) 0px -1px / 52px no-repeat;
border-radius:5px;
border:solid 1px #205a5a;
width:52px;
height:35px;
background-color:#205a5a;
padding:0px;
}

    x#masthead.site-header.is-fixed-mobile-header .site-logo {
        width: 160px;
        min-height: 44px;
        margin-right: auto;
    }

    #masthead.site-header.is-fixed-mobile-header #mobile-menu-control-wrapper {
        width: auto;
        margin-left: auto;
        flex: 0 0 auto;
        margin-top:0px;
        margin-right:-3px;
    }


    body.has-fixed-mobile-header {
        padding-top: 235px;
    }

#masthead.site-header.is-fixed-mobile-header #site-navigation.main-navigation {margin:0px !important}


/* Plovoucí Mobilni menu END */


/* Hlavní panel Bar menu */
#site-navigation .inside-navigation {
    position: relative;
    background:
        radial-gradient(circle at 8% 0%, rgba(243, 211, 122, 0.18), transparent 30%),
        radial-gradient(circle at 95% 100%, rgba(42, 191, 213, 0.10), transparent 34%),
        linear-gradient(135deg, rgba(5, 24, 44, 0.97), rgba(8, 49, 67, 0.96) 52%, rgba(7, 72, 87, 0.94)) !important;
    border: 0px solid rgba(243, 211, 122, 0.22) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10),
        inset 0 -2px 0 rgba(243, 211, 122, 0.24),
        0 8px 22px rgba(0, 0, 0, 0.18) !important;
    overflow: hidden;
z-index:99999;
border-radius:0px;

}

#masthead.site-header.has-inline-mobile-toggle:not(.is-fixed-mobile-header) #site-navigation .inside-navigation {
margin-top: 5px;
}

#masthead.site-header.has-inline-mobile-toggle.is-fixed-mobile-header #site-navigation .inside-navigation {
margin-top: 0px;
}


/* Jemný zlatý odlesk přes menu */
#site-navigation .inside-navigation::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        110deg,
        transparent 0%,
        rgba(255, 222, 140, 0.10) 34%,
        transparent 58%
    );
    pointer-events: none;
    z-index: 0;
}

/* Aby položky menu byly nad odleskem */
#site-navigation .main-nav,
#site-navigation .main-nav > ul,
#site-navigation .main-nav ul li,
#site-navigation .main-nav ul li a {
    position: relative;
    z-index: 1;
}

/* Položky menu */
#site-navigation .main-nav ul li a {
    color: #ffffff !important;
    background: transparent !important;
    font-weight: 500;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    transition:
        color 0.25s ease,
        background 0.25s ease,
        box-shadow 0.25s ease;
padding-left: 13px;
    padding-right: 13px;
    line-height: 60px;
font-size: 15px;
}

/* Jemné oddělovače */
#site-navigation .main-nav ul li {
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

#site-navigation .main-nav ul li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

/* Hover + aktivní položka */
#site-navigation .main-nav ul li:hover > a,
#site-navigation .main-nav ul li.current-menu-item > a,
#site-navigation .main-nav ul li.current_page_item > a,
#site-navigation .main-nav ul li.current-page-ancestor > a {
    color: #f7d77d !important;
    background:
        linear-gradient(135deg, rgba(243, 211, 122, 0.13), rgba(255, 255, 255, 0.035)) !important;
    box-shadow:
        inset 0 -3px 0 rgba(243, 211, 122, 0.86),
        inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

	
/* Vodní gradient přímo uvnitř textového loga */
.site-branding .main-title a {
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #dffbff 20%,
    #ffffff 40%,
    #8eefff 58%,
    #ffffff 78%,
    #c7f8ff 100%
  );

  background-size: 300% 100%;

  -webkit-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;
  color: transparent;

  text-shadow: 0 1px 3px rgba(0,0,0,0.18);

animation: boWaterLogoGradient 11s ease-in-out infinite;
}

@keyframes boWaterLogoGradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.site-branding .main-title a:hover {
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #dffbff 20%,
    #ffffff 40%,
    #8eefff 58%,
    #ffffff 78%,
    #c7f8ff 100%
  );

  background-size: 300% 100%;

  -webkit-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;
  color: transparent;
}

/* Vodní gradient přímo uvnitř textového loga END */

.site-description {
    margin: 0;
    line-height: 1.5;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
}


/* top main menu */



.inside-header {
    display: flex;
align-items: flex-start;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 60%;
    padding:15px 15px 15px 15px;
}

.site-description {
    display: flex;
    flex-direction: column;
}

.site-description span:nth-of-type(2) {
    display: none;
}


/* top secondary menu */

ul#menu-socials-and-languages {
display: flex;
gap: 10px;
}

ul#menu-socials-and-languages li {
	list-style-type: none;
    position: relative;
    margin-bottom: 0px;
    position: relative;
    background: radial-gradient(circle at 8% 0%, rgba(243, 211, 122, 0.18), transparent 30%), radial-gradient(circle at 95% 100%, rgba(42, 191, 213, 0.10), transparent 34%), linear-gradient(135deg, rgba(5, 24, 44, 0.97), rgba(8, 49, 67, 0.1) 52%, rgba(7, 72, 87, 0.14)) !important;
    border: 1px solid rgba(243, 211, 122, 0.22) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), inset 0 -2px 0 rgba(243, 211, 122, 0.24), 0 8px 22px rgba(0, 0, 0, 0.18) !important;
    overflow: hidden;
}

ul#menu-socials-and-languages li a {
    color: #ffffff !important;
    font-weight: 500;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    transition: color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
    padding-left: 8px;
    padding-right: 8px;
padding-top: 12px;
padding-bottom: 12px;
    line-height: 45px;
    font-size: 15px;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 222, 140, 0.10) 34%, transparent 58%);
}


ul#menu-socials-and-languages li a img {
    border: solid 1px #000000;
    padding: 0px;
    margin: 0px;
    border-radius: 5px;
	height: 30px;
    border: solid 2px #1e353b;
}

ul#menu-socials-and-languages li {
    list-style-type: none;
    position: relative;
    margin-bottom: 0px;
}


/* Mobile - Page Obsah Homepage - START  */


/* body main padding margin */

.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
padding: 30px 30px 0px 30px;
background-color:transparent;
}


/* HomePage Nadpisy - Mobile */

#main .Intro-welcome-box h1, #konstrukce-zabudovani .Comfort-Best-Intro h2, #bio-nano-tech .Company-Benefits-box h2, #bio-nano-tech .Company-Benefits-box h3, #konstrukce-zabudovani .HP-konstrukce-clmn h2 {color:#ffffff}


.Intro-welcome-box {
position: relative;
top: auto;
left: auto;
right: auto;
padding: 0px 15px 0px 15px;
font-size: 16px;
background:#205a5a;
color:#FFFFFF;

}

.Intro-welcome-box .wp-block-group__inner-container {
    padding: 15px 0px 15px 0px;
}
	
	
x.Intro-welcome-box::before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}
	
.Intro-welcome-box::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}
	
.Intro-welcome-box h1 {
  font-size: 28px;
  line-height: 1.22;
color:#FFFFFF;
position:relative;
padding:15px 0px 15px 0px;
margin: 0px 0px 0px 0px;
}

.Intro-welcome-box h1::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}

.Intro-welcome-box p {
  font-size: 24px;
  line-height: 1.45;
color:#FFFFFF;
margin-bottom:0px;
}

.Intro-welcome-box p.intro-welcome-slogan-leto {font-size:1.2em;margin-bottom:10px;}

.Intro-welcome-box p.intro-welcome-slogan-tradice {
	position:relative;
	font-size:1.0em;
	margin:0px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
}

.Intro-welcome-box p.intro-welcome-slogan-tradice::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, #c7a34b 0%, #f2d178 45%, rgba(42, 191, 213, 0.25) 100%);
}


.Hp-Video-btn a 
{
    border-radius: 10px;
    border: solid 2px #c7a34b;
    padding: 20px 20px 20px 20px !important;
transition: background 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}
.Hp-Video-btn a:hover{
border-color:#FFFFFF;
}
	
.Intro-welcome-box .Hp-Video-btn a {
position: relative;
text-align: center;
border-radius: 10px;
padding: 18px 18px 16px;
border: 2px solid rgba(188, 218, 228, 0.72);
background: #205a5a
z-index: 999 !important;
font-size:20px;
font-weight:500;
    }


/* Homepage Hero Video - Figure - Small Viewport Height - Mobile */

body.home #main .video-slogan-text-box figure.wp-block-video {
  width: 100%;
  aspect-ratio: 16 / 9; /* Zachová poměr stran videa */
  max-height: 80svh;  /* Video nikdy nezabere více než 80 % viditelné plochy */
  object-fit: cover;  /* Zajistí, že video vyplní plochu bez deformace */
display:flex;
}

/* Pro video element samotný */
body.home #main .video-slogan-text-box figure.wp-block-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
	
/*  Mobile -  Homepage Slogan + Comfort best Box  */	
	

	
p.Slogan-stavba-bazenu {
    box-sizing: border-box;
    margin: 0px 0px 0px 0px;
    overflow-wrap: break-word;
    padding: 15px 15px 15px 15px;
    text-align: center;
    position:relative;
    font-size:1.1em;
    font-weight:600;
    color: #1d3138;
    background: #FFFFFF;
    margin-left: -15px;
    margin-right: -15px;
    border-top: solid 1px #205a5a;
    border-bottom: solid 1px #205a5a;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-5.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}	
p.Slogan-stavba-bazenu strong {font-weight:600 !important;}

x.p.Slogan-stavba-bazenu::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}
	

.Bio-nano-tech-intro-text {position:relative;padding-top:10px;padding-bottom:15px;}
x.Bio-nano-tech-intro-text::before
 {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background: linear-gradient(90deg, #c7a34b 0%, #f2d178 45%, rgba(42, 191, 213, 0.25) 100%);
}

.Bio-nano-tech-intro-text p {box-sizing: border-box;margin-bottom:8px;padding:0px;line-height:1.5em;}
.Bio-nano-tech-intro-text p strong {font-weight:600 !important}


/* Homepage buttons */

.action-url-btn a {
    padding: 10px 20px;
    display: inline-block;
    background: linear-gradient(135deg, #253f47 0%, #0d6f7d 100%);
    color: #FFFFFF;
    border: solid 2px rgba(240, 184, 62, 1);
    padding: 0px;
    display: flex;
    justify-content: center;
    border-radius:10px;
transition: background 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
} 

.action-url-btn a:hover {
color:#000000 !important;
border:solid 2px #000000 !important;
background:rgba(240, 184, 62, 1) !important;
} 


/* 1. Definice animace, která mění pouze průhlednost této vrstvy */
@keyframes jemneBlikaniPozadi {
  0% {
    opacity: 0.3; /* Minimální viditelnost textury pozadí */
  }
  50% {
    opacity: 1;   /* Plná viditelnost textury pozadí */
  }
  100% {
    opacity: 0.3; /* Návrat zpět */
  }
}

/* 2. Příprava hlavního kontejneru */
.wp-block-pullquote.HP-Intro-Slogan {
  position: relative; /* Nutné pro správné umístění pozadí uvnitř */
  background: none !important; /* Vypneme původní pozadí na hlavním elementu */
  z-index: 1;
}

/* 3. Vytvoření samostatné vrstvy pro pozadí, která se bude animovat */
x.wp-block-pullquote.HP-Intro-Slogan::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 
  /* disabled: xbackground-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/widget-pattern-dottie.png); */
  background-repeat: repeat;
  background-position: center;
  background-size: auto;
  
  /* Zarovnání pod text */
  z-index: -1; 
  
  /* Spuštění animace pouze na tuto vrstvu */
  animation: jemneBlikaniPozadi 8s ease-in-out infinite;
}

/* HP Slogan s odkazy */

.Hp-Intro-Slogan-Nav {

        background-color: #215766;
        border-radius: 0px;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        border-top: solid 2px rgba(243, 211, 122, 1);
        border-bottom: solid 2px rgba(243, 211, 122, 1);
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
    }



.HP-Intro-Slogan-Nav p.Slogan-stavba-bazenu {
    margin: 0;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.24);
border-top: solid 0px #205a5a;
border-bottom: solid 0px #205a5a
    color: #FFFFFF;
background-color: #f4fcff;
}



/* Gradient efekt na Slogan */

/* Elegantní tmavý odlesk pro slogan bazénů */
.HP-Intro-Slogan-Nav p.Slogan-stavba-bazenu {
  font-weight: 600;
  letter-spacing: 0.8px;
  text-decoration: none;
color: #1d3138 !important;
  
  /* Základem je velmi tmavá antracitová/černá s jemným kouřovým a ocelovým odleskem */
  background: linear-gradient(
    90deg,
    #1a1a1a 0%,   /* Tmavě černá */
    #333333 25%,  /* Mírné zesvětlení */
    #555555 45%,  /* Elegantní ocelový odlesk */
    #1a1a1a 65%,  /* Návrat k tmavé */
    #2b2b2b 85%,  /* Jemný přechod */
    #1a1a1a 100%
  );

  background-size: 200% 100%;

  -webkit-background-clip: text;
  background-clip: text;

  -webkit-text-fill-color: transparent;
  /* disabled color: transparent; */


  /* Pomalá, mírná a nerušivá animace (10 sekund) */
  animation: darkPoolSlogan 10s ease-in-out infinite;
}

@keyframes darkPoolSlogan {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Jemné zvýraznění odlesku při najetí myší (hover) 
.HP-Intro-Slogan blockquote p:hover {
  background: linear-gradient(
    90deg,
    #000000 0%,
    #444444 50%,
    #000000 100%
  );
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
*/
/* Elegantní tmavý odlesk END */


section#konstrukce-zabudovani {
background:#fefaee;
padding: 0px 0px 0px 0px;
background-color: #fefaee;
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/Ilustrace-bg-14-mobile.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 100%;
}

/* gradient svetlejsi box1 a tmavsi box2  */

#konstrukce-zabudovani .konstrukce-zabudovani-tbl {margin:15px 0px 0px 0px;padding:0px 0px 0px 0px;gap:25px;}	

section#konstrukce-zabudovani .HP-konstrukce-clmn {
    background: #205a5a;
    padding: 15px;
    color: #1d3138;
    border: 2px solid rgba(240, 184, 62, 1);
    border-radius: 10px;
    box-shadow: 0 12px 26px rgba(29, 49, 56, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

section#konstrukce-zabudovani .HP-zabudovani-clmn {
    background: #205a5a;
    padding: 15px;
    color: #1d3138;
    border: 2px solid rgba(240, 184, 62, 1);
    border-radius: 10px;
    box-shadow: 0 12px 26px rgba(29, 49, 56, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

section#konstrukce-zabudovani .wp-block-group__inner-container {padding:15px;margin:0px auto 0px auto;background:transparent}


section#konstrukce-zabudovani h3 {padding-top:15px;font-weight:600;color:#FFFFFF}

section#konstrukce-zabudovani .foogallery {margin-top: 32px;}

#konstrukce-zabudovani figure.wp-block-gallery figure.wp-block-image img, #konstrukce-zabudovani .wp-block-image img {
    border: solid 2px #1d3138;
    padding: 0px;
}




	
/*  Mobile -  Homepage Main Middle Box */

section#bio-nano-tech {
	padding: 0px 0px 0px 0px;
    background: linear-gradient(135deg, rgba(238, 250, 255, 0.84), rgba(255, 255, 255, 0.86));
    background:#fefaee;
}

section#bio-nano-tech .wp-block-group__inner-container {
	padding: 15px 15px 15px 15px;
	margin:15px auto 0px auto;
	border:solid 0px;
	background:transparent
}		

section#bio-nano-tech .HP-Company-Info {
position: relative;
padding: 0px 0px 15px 0px;
background: transparent;
}	
	
.section#bio-nano-tech .HP-Company-Info::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}
	
x.section#bio-nano-tech .HP-Company-Info::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}	


/* Nano tech sloupce - Mobil */

section#bio-nano-tech .HP-Company-Info-Box	{
padding: 0px 15px 15px 15px;
margin-bottom:0px;
position:relative;
border-radius: 0px 0px 0px 0px;
background: transparent;
}



x.section#bio-nano-tech .HP-Company-Info-Box::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}


section#bio-nano-tech .HP-Company-Info-Box h2 {
        font-weight: 600;
        text-align: left;
        position: relative;
        background: transparent;
        border-radius: 10px;
        padding: 0px 15px 15px 0px;
        margin: 0px 0px 15px 0px;
    }


x.section#bio-nano-tech .HP-Company-Info-Box h2::after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
    right: 0px;
    left: 0px;
    xwidth: 100%;
    xbackground: linear-gradient(to right, transparent, #01a3bc 20%, #01a3bc 80%, transparent);
}

.HP-Company-Info-Box h2::after, .Company-Benefits-box h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background: linear-gradient(90deg, #c7a34b 0%, #f2d178 45%, rgba(42, 191, 213, 0.25) 100%);
}

x.HP-Company-Info-Box::before, x.Company-Benefits-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.36) 36%, transparent 62%), radial-gradient(circle at 85% 15%, rgba(42, 191, 213, 0.10), transparent 28%);
    pointer-events: none;
    z-index: 0;
}

x.Company-Benefits-box p, x.Company-Benefits-box ol li {
    font-weight: 600;
    color: #ffffff;
}

#bio-nano-tech .contact-btn-tel a.wp-block-button__link  {cursor:default !important}
#bio-nano-tech .contact-btn-email a.wp-block-button__link  {cursor:default !important}

/* =========================================================
   Kontakt – Company Benefits
   ========================================================= */


body.page-id-23 .Company-Benefits-box {
    max-width: 1180px;
    margin: 0px;
    padding: 10px 0px 0px 0px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-color: #215766;
    border-radius: 10px;
	background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Bazeny-Bg_efekt-x2.png);
}	

body.page-id-23 .Company-Benefits-box .wp-block-group__inner-container {padding: 15px 15px 15px 15px;}
body.page-id-23 .Company-Benefits-box h3 {color:#FFFFFF}

body.page-id-23 .Company-Benefits-box .Company-Benefits {
    display: grid;
    gap: 25px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0px auto 0px;
}


/* =========================================================
   Homepage a Kontakt – Company Benefits
   Blok hlavních výhod společnosti
   ========================================================= */

.Company-top-benefits {padding-bottom:0px;gap:25px;}

.Company-top-benefits div {
padding:15px;
border:solid 1px #234688;
border-radius:10px;
background: linear-gradient(135deg, rgba(238, 250, 255, 0.78), rgba(255, 255, 255, 0.78));
}



.Company-Benefits-box p.wp-block-paragraph strong {font-weight:600 !important}

.Company-Benefits-box p, .Company-Benefits-box ol li {font-weight:600}


.Company-Benefits-box nav#kategorie-poradce h3 {
        font-size: 30px;
        text-align: initial;
        font-size: 16px;
        margin: 0px;
        padding: 0px;
        text-align:center;
    }

.Company-Benefits-box nav#kategorie-poradce .gb-loop-item {
background: linear-gradient(135deg, #253f47 0%, #0d6f7d 100%);
color: #FFFFFF;
border:solid 2px rgba(240, 184, 62, 1);
padding:0px;
display:flex;
justify-content: center;
transition: transform .4s ease, border-color .4s ease, background .4s ease;
}

.Company-Benefits-box nav#kategorie-poradce .gb-loop-item h3 a {
    color: #FFFFFF;
    text-decoration:none;
   display:block;
padding: 15px;
}

.Company-Benefits-box nav#kategorie-poradce .gb-loop-item h3 a:hover {color:rgba(240, 184, 62, 1)}

/* ==========================================
   Company Benefits Box – prémiový seznam
========================================== */

.Company-Benefits-box ol,
.Company-Benefits-box ul {
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    counter-reset: benefit-counter;
}

.Company-Benefits-box li {
    position: relative;
    counter-increment: benefit-counter;
    margin-bottom: 12px;
    padding: 15px 15px 15px 48px;
    color: #1d3138;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 600;
    border: 1px solid rgba(34, 87, 103, 0.72);
    border-radius: 10px;
    box-shadow:
        0 8px 22px rgba(34, 87, 103, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.42);

    xbackground: rgba(213, 160, 54, 1);
background: rgba(240, 184, 62, 1);
}

.Company-Benefits-box ol li::before {
    content: counter(benefit-counter);
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    background:
        linear-gradient(135deg, #1d3138 0%, #205a5a 100%);
    border: 1px solid rgba(213, 160, 54, 0.85);
    box-shadow:
        0 3px 8px rgba(29, 49, 56, 0.22),
        0 0 0 3px rgba(213, 160, 54, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}


/* Pokud by někde byl nečíslovaný seznam */
.Company-Benefits-box ul li::before {
    content: "";

    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);

    width: 10px;
    height: 10px;
    border-radius: 50%;

    background:
        radial-gradient(circle at 35% 30%, #f6dc86 0%, #c9961a 48%, #1d3138 100%);

    box-shadow:
        0 0 0 4px rgba(199, 163, 75, 0.14);
}


/* Poslední položka bez spodní mezery */
.Company-Benefits-box li:last-child {
    margin-bottom: 0;
}



/* Vyhody kalsicke boxy - Grid celého bloku */

.Company-Benefits-box-2 {padding: 0px 15px 0px 15px;}

.Company-Benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px 46px;
}

/* Jednotlivá položka výhody */
.Company-Benefits > div {
  position: relative;
  text-align: center;
  padding: 15px 15px 15px;
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(237, 251, 255, .72), rgba(255, 255, 255, .98));
  border: 1px solid rgba(0, 166, 204, .13);
  box-shadow: 0 12px 30px rgba(15, 67, 102, .055);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;
        border: 1px solid #b27700;
}

/* Velmi jemný vodní detail nahoře */
.Company-Benefits > div::before {
  content: "";
  position: absolute;
  left: 25%;
  right: 25%;
  top: 0;
  height: 3px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(90deg, #12c6d9, #1976d2);
  opacity: .55;
}

/* Hover jen decentní, ať to neposkakuje rušivě */
.Company-Benefits > div:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 166, 204, .25);
  box-shadow: 0 18px 38px rgba(15, 67, 102, .09);
  background:
    linear-gradient(135deg, rgba(229, 249, 255, .9), rgba(255, 255, 255, 1));
}

/* Obrázky / ikonky */
.Company-Benefits figure,
.Company-Benefits .wp-block-image {
  margin: 0 0 14px;
}

.Company-Benefits img {
  width: 58px;
  height: 58px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  filter: drop-shadow(0 8px 12px rgba(0, 129, 180, .16));
  transition: transform .25s ease, filter .25s ease;
}

.Company-Benefits > div:hover img {
  transform: scale(1.04);
  filter: drop-shadow(0 10px 16px rgba(0, 129, 180, .22));
}

/* Nadpis výhody */
.Company-Benefits h4 {
  margin: 0 0 9px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: .02em;
  color: #17406d;
}

/* Text pod výhodou */
.Company-Benefits p {
  max-width: 310px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  color: #425466;
}

/* Zvýraznění v textu */
.Company-Benefits strong {
  color: #126fc5;
  font-weight: 700;
}

/* Jemné sjednocení odkazů, pokud tam nějaké budou */
.Company-Benefits a {
  color: #1476d4;
  text-decoration: none;
  font-weight: 600;
}

.Company-Benefits a:hover {
  color: #00a9c8;
}

/* Company benefits Box Funkční -  START - Mobil  */

.Company-Benefits-box {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    background:#205a5a;
    border-radius:10px;
color:#FFFFFF;
}

.Company-Benefits-box h2 {
    padding-top: 15px;
    font-weight: 600;
    color: #FFFFFF;	
}

.Company-Benefits-box .wp-block-button__link {color:#FFFFFF;}

.HP-Company-Info {
    position: relative;
    padding: 0px 0px 0px 0px;
    background: transparent;
    margin: 0px 0px 0px 0px;
    gap: 0px;
}

/* Company benefits Box Funkční - END - Mobil  */

.Company-Benefits-box .wp-block-group__inner-container {padding:25px;}


.Company-Benefits-box h3 {
  font-size: 25px;
  line-height: 1.28;
  text-align: center;
}

.Company-Benefits {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
  padding-left: 0;
  padding-right: 0;
  margin: 30px auto 36px;
}

.Company-Benefits > div {
  padding: 15px 15px 15px;
  border-radius: 10px;
border: 1px solid #b27700;
}

.Company-Benefits img,
.Company-Benefits svg,
.Company-Benefits embed {
  width: 50px;
  height: 50px;
} 

/* Homepage and Contacts - Company Benefits – mobil END */






/* HomePage END Mobile  */





/* Bazény - ACF hlavní foto jako background s plynulým přechodem do ztracena */

body.single-bazen .foogallery-carousel {margin-bottom:30px;}

body.single-bazen .Poptat-Model-Btn a.wp-block-button__link {
    transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
    display: block;
    width: 100%;
    margin-top: 0px;
    border-radius: 10px;
    background-color: var(--button-green-blue);
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
border: solid 1px #234688;
    padding: 20px 20px 20px 20px;
background: rgba(255, 255, 255, 0.5);
color:#000000;
border-color: #b27700;
    box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
}

body.single-bazen .Poptat-Model-Btn a.wp-block-button__link:hover {
    background: #fbb70a;
    color: #000000;
}

.lb-varianty-grid a.lb-variant-request-button {
    transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
    display: block;
    width: 100%;
    margin-top: 0px;
    border-radius: 10px;
    background-color: var(--button-green-blue);
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
border: solid 1px #234688;
    padding: 10px 10px 10px 10px;
background: rgba(255, 255, 255, 0.5);
color:#000000;
border-color: #b27700;
    box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
margin-top:20px
}

.lb-varianty-grid a.lb-variant-request-button:hover {
    background: #fbb70a;
    color: #000000;
}

body.single-bazen #content.site-content {
    position: relative;
    isolation: isolate;
    overflow: visible;
    background: #fff;
background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-5-top.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
}

/* Samotný obrázek v horní vrstvě */
body.single-bazen #content.site-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 600px;
    z-index: -2;
    pointer-events: none;
    background-image: var(--bazen-bg-image);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* Maska / ztracení obrázku do bílé ze všech stran */
body.single-bazen #content.site-content::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 600px;
    z-index: -1;
    pointer-events: none;

    background:
        linear-gradient(to right,
            #fff 0,
            rgba(255,255,255,0.96) 20px,
            rgba(255,255,255,0.65) 70px,
            rgba(255,255,255,0.25) 120px,
            rgba(255,255,255,0) 170px,
            rgba(255,255,255,0) calc(100% - 170px),
            rgba(255,255,255,0.25) calc(100% - 120px),
            rgba(255,255,255,0.65) calc(100% - 70px),
            rgba(255,255,255,0.96) calc(100% - 20px),
            #fff 100%
        ),
        linear-gradient(to bottom,
            #fff 0,
            rgba(255,255,255,0.96) 20px,
            rgba(255,255,255,0.65) 80px,
            rgba(255,255,255,0.25) 140px,
            rgba(255,255,255,0) 200px,
            rgba(255,255,255,0) 360px,
            rgba(255,255,255,0.25) 440px,
            rgba(255,255,255,0.65) 510px,
            rgba(255,255,255,0.96) 580px,
            #fff 600px
        );
}



/* Homepage konfigurátor + info blok – mobil */


.lb-home-configurator {
        margin: 0px 0 0;
    padding: 25px;
    border-radius: 10px;
	  background: linear-gradient(
        135deg,
        rgba(238, 250, 255, 0.78),
        rgba(255, 255, 255, 0.78)
    );
    backdrop-filter: blur(1px);
	  box-shadow: 0 14px 40px rgba(0,0,0,.08);

}


section.lb-home-configurator > .wp-block-columns,
section.lb-home-configurator .wp-block-columns.is-layout-flex {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}

section.lb-home-configurator .wp-block-column,
section.lb-home-configurator .wp-block-column[style*="flex-basis"] {
  flex-basis: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

.lb-home-configurator-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
}

.lb-config-summary {
  position: static;
}

/* Uprava HP konfiguratoru Obrazek  */


.lb-config-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 20px;
    align-items: start;
}

.lb-config-controls {
    display: grid;
    gap: 15px;
}

.lb-config-controls .lb-config-field {
margin-top:0px;
}

.lb-config-field select {
    width: 100%;
    max-width: 520px;
    padding: 15px;
    border: 1px solid #cfdde5;
    border-radius: 8px;
    background: #fff;
    font-size:15px;
}

.lb-config-field select#lb-variant-select option {font-size:14px;} 

.lb-config-model-image {
    align-self: stretch;
    min-height: 170px;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(255,255,255,.68);
    box-shadow: 0 10px 28px rgba(0,0,0,.08);
    height: 250px;
    border:solid 1px #FFFFFF;
    background: linear-gradient(135deg, rgba(238, 250, 255, 0.78), rgba
#ffffffc7
(255, 255, 255, 0.78));
    backdrop-filter: blur(1px);
box-shadow: 0 14px 40px rgba(0, 0, 0, .08);
}

.lb-config-model-image img {
    width: 100%;
    height: 100%;
    min-height: 170px;
    object-fit: cover;
    display: block;
}

.lb-config-image-placeholder {
    min-height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #16406d;
    opacity: .65;
    font-weight: 600;
}

.lb-config-label {
    display: inline-block;
    margin-bottom: 10px;
    color: #b27700;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: 13px;
}

.lb-config-field {
    margin-top: 22px;
}

.lb-config-field label,
.lb-config-field h3 {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
font-size: 1.1em;
}

.lb-config-field select {
    width: 100%;
    max-width: 520px;
    padding: 10px 15px;
    border: 1px solid #cfdde5;
    border-radius: 8px;
    background: #fff;
}

.lb-variant-box {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 16px;
    padding: 15px;
    border-radius: 10px;
    background: rgba(255,255,255,.75);
position:relative;
font-size:15px;
}

.lb-variant-box strong {
    width: 100%;
    color: #16406d;
}

.lb-config-badge-default, .lb-badge-default {display:none !important}

.lb-config-badge-akce {display:none}

.lb-badge-default {display:none}

.lb-variant-box .lb-config-badges {
    position: absolute;
    right: 10px;
    top: 15px;
}

.lb-variant-box .lb-config-badges .lb-config-badge-sleva {font-size:12px;font-weight:500}

.lb-config-badges .lb-config-badge {
font-size:12px;
font-weight:500;
background:#FFFFFF;
padding:5px;
border-radius:5px;
border: solid 1px #CECECE;
}

.lb-accessory-group {
    margin-top: 22px;
}

.lb-accessory-group h4 {
    margin-bottom: 10px;
    color: #16406d;
font-size:1.3em
}

.lb-accessory-group.lb-accessory-group-barvy-bazenu h4 {margin-top:0px;}

.lb-accessory-item {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 9px;
    padding: 12px;
    border: 1px solid #dce8ef;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}

.lb-accessory-item input {
    margin-top: 4px;
}

.lb-accessory-item span {
    display: flex;
    flex-direction: column;
}
.lb-offer-accessories .lb-accessory-group {margin:0px;}

.lb-accessory-group strong {font-weight:500}
.lb-accessory-group span strong {font-size:1em}

.lb-accessory-item small {
    margin-top: 3px;
    opacity: .75;
}

.lb-config-summary {
    align-self: start;
    position: sticky;
    top: 24px;
    padding: 24px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0,0,0,.08);
}

.lb-config-summary h3 {font-size:1.2em}

.lb-summary-row,
.lb-summary-total {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #e8eef2;
font-size: 0.8em;
}

.lb-config-summary strong {white-space: nowrap;}

.lb-summary-total {
    font-size: 0.9em;
    font-weight: 500;
}

.lb-summary-total-vat {
    color: #b27700;
    font-size: 0.8em;
}

.lb-summary-note {
    margin: 18px 0;
    font-size: 14px;
    opacity: .75;
}

.lb-config-button {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 13px 18px;
    border-radius: 9px;
    background: #b27700;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    border: none;
    cursor: pointer;
}



.lb-config-button.secondary {
    background: #16406d;
}

.is-api-data {
    display: none;
}



/* Bazeny gallery */

.Modely-Gallery {
padding: 0px;
margin-bottom:30px;

}

.Modely-Gallery h2 {
font-size: 26px;
margin-top:0px;
}

.Modely-Gallery .foogallery .fg-loaded img {
    border-radius: 10px;
}

.Modely-Gallery div.fg-item, figure.fg-item-inner {border-radius:10px;}

.Modely-Gallery .fg-simple_portfolio .fg-item {
    flex-basis: 250px;
    border: solid 0px #000000;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	 background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/widget-pattern-dottie.png);
background-repeat: no-repeat;
    background-size: cover;
}

.Modely-Gallery .foogallery.fg-hover-slide-down .fg-loaded .fg-image-overlay {
    border-radius: 10px;
}

.Modely-Gallery .foogallery .fg-caption-desc {
    color: #000000;
}



/* Google recenze Box */

section#google-recenze-trustindex {
	background:#205a5a;
    display: flex;
    align-items: center;
    justify-content: center;
padding: 15px 15px 15px 15px;
    margin: 0px 0px 0px 0px;
}

/* HP Google TrustIndex */

section#google-recenze-trustindex .ti-widget-container.ti-col-7 {
padding-top:0px;
padding-bottom:0px;
background: transparent
}

section#google-recenze-trustindex .ti-widget.ti-goog .ti-widget-container  {
padding: 25px 15px 0px 15px;
background: transparent;
align-items: stretch;
margin:0px;
}

section#google-recenze-trustindex .ti-widget[data-layout-id='14'][data-set-id='minimal-fill-dottie'] .ti-widget-container, section#Google-Firmy-Recenze .ti-widget[data-layout-id='14'][data-set-id='minimal-fill-dottie'] .ti-widget-container {
    display:block;
    color: #000000;
    margin-bottom: 0px;
    margin-top: 0px;
}


section#google-recenze-trustindex .ti-widget.ti-goog .ti-reviews-container {padding:0px !important;}

section#google-recenze-trustindex .ti-widget.ti-goog .ti-reviews-container-wrapper {padding:0px !important;}


section#google-recenze-trustindex .ti-widget[data-layout-id='108'][data-set-id='minimal-fill-dottie'] .ti-widget-container {
    display: block;
    color: #000000;
    margin-bottom: 0px;
    margin-top: 5px;
}

section#google-recenze-trustindex .ti-widget .ti-controls-line, section#Google-Firmy-Recenze .ti-widget .ti-controls-line {

    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
    width: 100%;
    height: 5px;
    background-color: #b27700;
    box-shadow: inset 0 0 0 1px #333;
    margin: 5px 0px 5px 0px;
    padding:0px 0px 0px 0px;
}



section#google-recenze-trustindex .ti-widget .ti-controls-line .dot, section#Google-Firmy-Recenze .ti-widget .ti-controls-line .dot {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 25px;
    padding-left: 4px;
    padding-right: 4px;
    height: 100%;
    border-radius: 3px;
    background: rgba(240, 184, 62, 1);
    transition: width 0.2s, left 0.2s;
}

section#google-recenze-trustindex .ti-widget[data-layout-id='108'][data-set-id='minimal-fill-dottie'] .ti-verified-by-row>.ti-inner {
    display: inline-block;
    position: relative;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    background: #205a5a !important;
    border: 1px solid rgba(215, 174, 74, 0.52);
    letter-spacing: 1px;
}



/* Fotogalerie realizaci / mobil */

section#fotogalerie-realizaci {
padding: 25px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


/*  Seznam clanku - Gutenberg looper */
.gb-loop-item {border-radius:10px;border:solid 1px #CECECE}

.gb-loop-item .wp-block-columns {margin-bottom:0px} 

.gb-loop-item .gb-text {margin-bottom:0px;}

.gb-loop-item .gb-text .gb-dynamic-read-more {display: block;}

.gb-loop-item img {border-radius: 10px;margin-bottom:0px !important;}

.gb-loop-item h2 a {font-size: 22px;}

/* Detail Page Article Bazen */

#breadcrumbs {
    padding: 12px 16px 8px 15px;
    color: #000000;
    background: #FFFFFF;
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid 1px #234688;
font-size:14px;
margin: 15px 15px 0px 15px;	
}

#breadcrumbs a {color:#234688}


article.wp-block-group .wp-block-group__inner-container {
        padding: 0px;
    }

body.page .site-main .wp-block-group__inner-container {
        padding: 0px;
    }	

body.wp-singular:not(.home).page #page .wp-block-group h2.wp-block-heading, body.wp-singular:not(.home).page #page section h2.wp-block-heading {position:relative;padding: 25px 0px 0px 0px;}
	
body.wp-singular:not(.home).page #page .wp-block-group h2.wp-block-heading::before, body.wp-singular:not(.home).page #page section h2.wp-block-heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background: linear-gradient(90deg, #c7a34b 0%, #f2d178 45%, rgba(42, 191, 213, 0.25) 100%);
}


.page .featured-image.page-header-image {
  display: none;
}



article.page header.entry-header h1 {position:relative}

article.page header.entry-header h1.entry-title::after {
    content: "";
    position: absolute;
    bottom: -15px;
    height: 2px;
    right: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(to right, transparent, #234688 20%, #234688 80%, transparent);
}

/* Bazeny H1 Snippetem Intro Bazeny */

.Title-Brand-box {
        display: block;
        align-items: center;
        justify-items: center;
        margin: 0 0 20px;
        padding: 20px;
        border: 1px solid #b27700;
        border-radius: 10px;
        background: radial-gradient(circle at 100% 0%, rgba(231, 174, 64, .12), transparent 32%), linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(246, 251, 253, .90));
        box-shadow: 0 12px 28px rgba(17, 64, 109, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }

.Title-pool-h1 {}


.Title-Brand-box h1.entry-title {
font-family: serif !important;
    color: #1a2229 !important; 
    filter: none !important;
    text-shadow: 
0px 1px 0px rgba(255, 255, 255, 0.8),
0px -1px 0px rgba(0, 0, 0, 0.7) !important;
    text-wrap: balance;
text-align:center;
}

.Title-Brand-box .lb-bazen-series-box.lb-bazen-series-comfort-best  {
    padding: 15px;
    border: 1px solid rgba(178, 119, 0, .35);
    border-radius: 10px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 12px 24px rgba(17, 64, 109, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
display:flex;
flex-direction: column;
margin:0px;
}

.Title-Brand-box .lb-bazen-series-box.lb-bazen-series-comfort-best img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.Title-Brand-box .lb-bazen-series-box.lb-bazen-series-comfort-best .lb-bazen-series-content {text-align: center;margin-top:0px;}


.Title-Brand-box h1.entry-title .text-model {

    color: #8a6421 !important; 
    filter: none !important;
    text-shadow: 
        0px 1px 0px rgba(255, 243, 214, 0.9),
        0px -1px 0px rgba(54, 38, 9, 0.8) !important;
}

.Title-Brand-box h1.entry-title .text-laminat {

    font-size: 32px;
    font-weight: 600;
    font-family: serif;
    color:#3c3c3c;
font-size: clamp(32px, 2.6vw, 38px)
}

.Title-Brand-box h1.entry-title .text-model {
    color: #b27700;
    font-size: 32px;
    font-weight: 600;
    font-family: serif;
    text-transform: uppercase;
font-size: clamp(32px, 2.6vw, 38px)
}

.Title-Brand-box h1.entry-title .text-size {
    display:block;
    font-size: 32px;
    font-weight: 600;
    font-family: serif;
    color:#3c3c3c;
}


.Title-Brand-box h1.entry-title .text-laminat {
    display: inline;
    color: #24313a;
    font-weight: 700;
}

.Title-Brand-box h1.entry-title .text-model {
    display: inline-block;
    margin-left: 8px;
    color: #b27700;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,.75);
}

.Title-Brand-box h1.entry-title .text-size {
    display: block;
    margin-top: 10px;
    padding: 7px 15px 8px;
    border: 1px solid rgba(178,119,0,.28);
    border-radius: 10px;
    xbackground:
        linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,250,239,.68));
    color: #16406d;
    font-size: clamp(22px, 2.4vw, 34px);
    font-weight: 800;
    letter-spacing: .025em;
    box-shadow:
        0 8px 22px rgba(17,64,109,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
}

/* Padding inner container Section */

#hlavni-popis-modelu .wp-block-group__inner-container {padding: 0px;}
#dalsi-popis-modelu .wp-block-group__inner-container {padding: 0px;}

/* ==========================================
   Decentní odrážky v obsahových blocích
   hlavní barva: #3c3c3c
========================================== */

article ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom:0px
}

article ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 9px;

    font-size: 17px;
    line-height: 1.55;
    color: #3c3c3c;
}

/* vlastní decentní odrážka */
article ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.60em;

    width: 8px;
    height: 8px;
    border-radius: 50%;

    background:
        radial-gradient(circle at 35% 30%,
            #234688 0%,
            #3c3c3c 42%,
            #3c3c3c 100%
        );

    box-shadow:
        0 0 0 4px rgba(28, 50, 56, 0.07),
        0 2px 5px rgba(28, 50, 56, 0.14);
}




/* Rada bazenu logo Best  */

.lb-bazen-series-box {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 25px;
    padding: 10px 15px;
    border: 1px solid #b27700;
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 8px 22px rgba(17,64,109,.06);

}

x.lb-bazen-series-box.lb-bazen-series-comfort-best {
    display: flex;
    align-items: center;
    gap: 0px;
    margin: 0px;
    padding: 25px;
    border: 1px solid #b27700;
    border-radius: 10px;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Comfort-Best-Logo.png);
    background-repeat: no-repeat;
    background-size: 150%;
    box-shadow: 0 8px 22px rgba(17, 64, 109, .06);
    padding-top: 240px;
    flex-direction: column;
    background-position: top;
    background-size: contain;
    justify-content: flex-end;
}



.lb-bazen-series-label {
    color: #5f6f7a;
    font-size: 13px;
    font-weight: 600;
}

.lb-bazen-series-box .lb-bazen-series-link,
.lb-bazen-series-box .lb-bazen-series-name {
    color: #b27700;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    text-decoration: none;
display: block;
    margin-top: 3px;
    color: #b27700;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.lb-bazen-series-link:hover {
    color: #16406d;
    text-decoration: underline;
}




div#ez-toc-container .ez-toc-title  {
    cursor: inherit;
    padding-top: 5px;
    margin-top: 0px;
    display: inline-block !important;
}
div#ez-toc-container ul li, div#ez-toc-container ul li a {
    font-weight: 400;
}

body.page-child .inside-article h2 {margin-top:30px}

.page .inside-article ul.wp-block-list li {margin-bottom:10px}

.wp-block-button__link {border-radius:10px;}

.inside-article p.wp-block-paragraph strong {font-weight:600}

.Contact-map-clmn {padding:10px;}
.Contact-map-clmn iframe  {   
	  border: solid 2px #01a3bc;
    width: 100%;
    height: 420px;
    border-radius: 10px;
	}


/* Nabidka bazenu PAGE - hlavni rozcestník snippet */


.lb-models-overview {
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
	background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
}

.lb-models-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
}

.lb-model-card {
    overflow: hidden;
    border: 1px solid rgba(22, 64, 109, 0.16);
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(17,64,109,0.05);
	background: linear-gradient(135deg, rgba(238, 250, 255, 0.78), rgba(255, 255, 255, 0.45));
}

.lb-model-card-image-link {
    display: block;
    padding: 10px 10px 0;
    text-decoration: none;
}

.lb-model-card-image {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 10px;
    border: solid 1px #b27700;
}

.lb-model-card-content {
    padding: 0px 0px 0px 0px;
}

.lb-model-card-title {
    margin: 0 0 15px;
    line-height: 1.25;
    font-weight: 600;
}


.lb-model-card-title a {
    display: block;
    color: #16406d;
    text-decoration: none;
}

.lb-model-card-title a:hover {
    color: #b27700;
}

.lb-model-card-name {
    display: block;
color: #FFFFFF;
}

.lb-model-card-series {
    display: block;
    margin-top: 3px;
    color: #b27700;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.lb-model-card-variants-title {
    display: block;
    margin-bottom: 8px;
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 600;
color:#FFFFFF;
}

.lb-model-card-variants {
    display: grid;
    gap: 15px;
}

.lb-model-variant-link {
    display: block;
    padding: 9px 10px;
    border: 1px solid rgba(22, 64, 109, 0.18);
    border-radius: 8px;
    background: #fff;
    color: #16406d;
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.lb-model-variant-link:hover {
    color: #16406d;
    border-color: #b27700;
    box-shadow: 0 8px 18px rgba(178,119,0,.12);
    transform: translateY(-1px);
}

.lb-model-variant-size {
    display: block;
    color: #16406d;
    font-weight: 700;
    text-align: center;
}

.lb-model-variant-name {
    display: none;
    margin-top: 2px;
    font-size: 13px;
    text-align: center;
    opacity: .8;
}

.lb-model-variant-detail {
    display: block;
    margin-top: 4px;
    color: #b27700;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.lb-model-card-empty {
    margin: 0;
    color: #777;
    font-size: 14px;
}

@media (max-width: 1180px) {
    .lb-models-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .lb-models-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .lb-models-grid {
        grid-template-columns: 1fr;
    }
}

/* Plovoucí tlačítko filtrace bazénů - menší decentní varianta */

.lb-floating-filter-wrap {
    position: fixed;
    left: 50%;
    bottom: 5px;
    z-index: 9998;
    transform: translateX(-50%);
    pointer-events: none;
}

.lb-floating-filter-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    padding: 10px 13px 8px;
    border: 1px solid rgba(231, 174, 64, .65);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,248,232,.9));
    color: #16406d;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.15;
    text-decoration: none;
    box-shadow: 0 4px 5px rgba(22, 64, 109, .16), 0 1px 0 rgba(231, 174, 64, .48), inset 0 1px 0 rgba(255, 255, 255, .85);
    pointer-events: auto;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        color .18s ease;
}

.lb-floating-filter-button:hover {
    color: #0b3447;
    background:
        linear-gradient(135deg, #ffffff, #fff4d9);
    transform: translateY(-1px);
    box-shadow:
        0 6px 14px rgba(22, 64, 109, .18),
        0 2px 0 rgba(231, 174, 64, .55),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.lb-floating-filter-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 7px;
    background:
        linear-gradient(135deg, #16406d, #205a5a);
    color: #e7ae40;
    font-size: 11px;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 2px 5px rgba(22, 64, 109, .14);
}

.lb-floating-filter-text {
    white-space: nowrap;
}

/* Mobilní varianta - stále kompaktní, ale dobře klikací */

/*
@media (max-width: 768px) {
    .lb-floating-filter-wrap {
        left: 10px;
        right: 10px;
        bottom: 10px;
        transform: none;
    }

    .lb-floating-filter-button {
        width: 100%;
        min-height: 42px;
        padding: 9px 12px;
        font-size: 13px;
    }

    .lb-floating-filter-icon {
        width: 24px;
        height: 24px;
    }
}


*/


/* Vyber bazenu staticka page */

#foogallery-gallery-1278.fg-simple_portfolio .fg-item {
    flex-basis: 100%;
}

.Page-Pool-Models {display:none}

.Page-Pool-Models div.wp-block-group__inner-container {padding:15px;}

.Page-Pool-Models div.wp-block-columns {padding:15px;}

.Model-Shortdec-Teaser .lb-simple-model .lb-simple-variant-main h3 {
margin-top:20px;
margin-bottom:25px;
}

.Model-Shortdec-Teaser .lb-simple-model .lb-simple-variant-main p.lb-simple-variant-size {
font-weight:600;
font-size:16px;
padding-bottom:10px;
color:#113341;
}

.lb-simple-coming {font-weight:500}

.lb-simple-variants {
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.lb-simple-variants p.RozmeryText {
margin-top:20px;
font-weight:500;
margin-bottom: 0px;
}

.lb-simple-variants .lb-simple-variant h3::after {display:none}

.lb-simple-variants .lb-simple-variant-price {
    display: flex;
    gap: 5px;
    flex-direction: column;
font-size: 15px;
}

.lb-simple-variants .lb-simple-variant-price strong {font-weight:500}

.lb-simple-variants .lb-simple-variant small {display:none}

.lb-simple-variant .lb-simple-detail-link {
        padding: 6px;
        font-size: 15px;
        border-radius: 5px;
        margin-bottom: 0px;
        background: #FFFFFF;
        border: solid 2px;
margin-top:10px;
    display: block;
text-align:center;
font-weight:500;
text-decoration:none
    }

.lb-simple-variant .lb-simple-detail-link:hover {
        background: #b27700;
        cursor: pointer;
    }

.Filtrace-Page-btn a {        transition: background 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        cursor: pointer;
border:solid 1px #FFFFFF;
margin-top:50px;
background-color:#1d3138 !important;
}

.Filtrace-Page-btn a:hover {
        background-color: #fbb70a !important;
        color: #000000 !important;
border-color:#000000;
    }

/* Barvy bazenu v clanku Jak vybrat barvu - START */

.pool-swatch {
  width: 120px;
  height: 70px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
  box-shadow: inset 0 2px 8px rgba(255,255,255,.45),
              inset 0 -8px 18px rgba(0,0,0,.08),
              0 4px 14px rgba(0,0,0,.10);
display: flex;
    justify-content: center;
    align-items: center;
}

.pool-swatch p {margin-bottom:0px;}

.pool-hellblau {
  background: linear-gradient(135deg, #b7eaf4 0%, #8fd3e8 45%, #62bdd9 100%);
}

.pool-sand {
  background: linear-gradient(135deg, #eadbb8 0%, #d8c49a 45%, #bfa36f 100%);
}

.pool-white {
  background: linear-gradient(135deg, #ffffff 0%, #f4f7f6 50%, #dfe7e8 100%);
}

.pool-hellgrau {
  background: linear-gradient(135deg, #e3e8e9 0%, #cfd4d6 50%, #aeb8bc 100%);
}

/* Barvy bazenu v clanku Jak vybrat barvu - END */

/* Odsazeni elementu v detailu - START */

.inside-article .wp-block-gallery + p {
  margin-top: 30px;
}

.inside-article .wp-block-gallery + ul {
  margin-top: 30px;
}

.inside-article .wp-block-image + p {
  margin-top: 30px;
}

.inside-article figure.wp-block-embed + p {
  margin-top: 30px;
}

.inside-article .wp-block-image + div.wp-block-image {
  margin-top: 30px;
}

.inside-article figure.wp-block-gallery figure.wp-block-image img {border:solid 2px #f7d77d;padding:0px}

.inside-article .wp-block-image figure img {border:solid 2px #f7d77d;padding:0px}

.inside-article .wp-block-image + p {
  margin-top: 30px;
}

.inside-article .wp-block-image + ul {
  margin-top: 30px;
}

.inside-article .wp-block-gallery + .wp-block-gallery  {
  margin-top: 30px;
}

.inside-article .fg-image-viewer.fg-center  {
  margin-bottom: 25px;
}

/* Odsazeni elementu v detailu - END */

/*  Comfort Best Brand -  Page Nabidka a Filtrace START  */

.inside-article .Comfort-Best-Intro {
border: solid 0px #000000;
margin-bottom:15px;
border-radius:10px;
padding: 15px 15px 15px 15px;
border-radius:10px;
border: solid 2px rgba(243, 211, 122, 1);
gap:25px;
color:#FFFFFF;
background:#205a5a;
}


.Comfort-Best-Intro .wp-block-columns {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.Comfort-Best-Intro p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.Comfort-Best-Intro p.wp-block-paragraph:empty {
    display: none;
    margin: 0;
    padding: 0;
}



/*  Comfort Best Brand -  Page Nabidka a Filtrace END  */




/*  HOMEPAGE Slogan a Brand Blok - START  */


x.Hp-Intro-Slogan-Nav::after, .Hp-Intro-Slogan-Nav::before  {
background:none !important;
}

x.Hp-Intro-Slogan-Nav .Comfort-Best-Texts::after, .Hp-Intro-Slogan-Nav .Comfort-Best-Texts::before  {
background:none !important;
}

x.Hp-Intro-Slogan-Nav .Comfort-Best-Texts  {
border-radius:0px !important;
padding:0px;
}

x.Hp-Intro-Slogan-Nav .Comfort-Best-Texts p {margin:0px !important;color:#FFFFFF;}

.Comfort-Best-Intro h2 {color:#FFFFFF !important;}
.Comfort-Best-Intro h2, .Comfort-Best-Intro p {color:#FFFFFF}

.Comfort-Best-Intro .Comfort-best-images img {
    background: transparent !important;
    border: solid 0px !important;
}


x.Hp-Intro-Slogan-Nav .Comfort-Best-Texts {
    border-radius: 0px !important;
    background: #205a5a;
    xbox-shadow: 0 8px 28px rgba(0, 0, 0, 0.24);
background: #205a5a;
}

x.Comfort-Best-Texts {
color:#000000;
border-radius:10px;
background: linear-gradient(135deg, rgba(238, 250, 255, 0.78), rgba(255, 255, 255, 0.78));
}

x.Comfort-Best-Intro .Comfort-Best-Texts h2 {
font-weight:600;
color:#1c3238;
}

.Comfort-best-images {gap:20px;}

.Comfort-best-images img {
max-height:130px;
width:auto;
background:transparent !important;
border:solid 0px !important}

.Comfort-best-images figure figcaption.wp-element-caption {margin:0px;}


.Comfort-best-images div.wp-block-column {
border-radius:5px;
border:solid 2px  rgba(243, 211, 122, 1);
background: linear-gradient(135deg, #253f47 0%, #0d6f7d 100%);
padding:5px;
}

.Comfort-best-images div.wp-block-column div.wp-block-image {background:transparent !important}

x.Comfort-Best-Texts .wp-block-group__inner-container {padding:15px;}

/*  HOMEPAGE Product Blok - START  */

.HP-zabudovani-clmn .foogallery .fg-item {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 20px;
    box-shadow: rgba(254, 193, 7, 0.18) 0px 8px 24px;
    background: rgba(255, 255, 255, 0.2);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(178, 119, 0);
    border-image: initial;
}

#konstrukce-zabudovani .HP-zabudovani-clmn .zabudovani-images {
    display: flex;
    flex-direction: column;
    gap:15px;
}

#konstrukce-zabudovani .HP-zabudovani-clmn .zabudovani-images figure {
 border:solid 2px #1d3138;border-radius:10px;
color: #1d3138;
xbackground: rgba(240, 184, 62, 1);
background: rgba(240, 184, 62, 1);
}

#konstrukce-zabudovani .HP-zabudovani-clmn .zabudovani-images img {
    padding: 0px;
    border-radius: 8px 8px 0px 0px !important;
    border: solid 0px;
    border-bottom:solid 2px;
}

#konstrukce-zabudovani .HP-zabudovani-clmn .zabudovani-images figure.wp-block-image figcaption {font-size:14px;padding:0px 10px 0px 10px;color:#1d3138;font-weight:500}










/* Zakulaceni img images a gallery */

.wp-block-image img {background: linear-gradient(135deg, rgba(238, 250, 255, 0.78), rgba(255, 255, 255, 0.78));
    border-radius: 10px !important;
}

figure.wp-block-image:has(figcaption):before {
    border-radius: 10px;
}
figure.wp-block-image figcaption {
    border-radius: 10px;
}
figure.wp-block-image figcaption:hover {
    border-radius: 10px;
}


/* Page Pools List gallery */

section.Page-Pool-Models {
    border: solid 0px #000000;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/widget-pattern-dottie.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right bottom;
margin-bottom:30px;
border-radius:10px;
}

section.Page-Pool-Models .wp-block-gallery.has-nested-images figure.wp-block-image {
opacity:1;
border: solid 2px #CECECE;
border-radius: 10px;
}




/* Model Short Page background MASK + plynulá výměna pozadí - START Nepouzito */

section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"] {
    position: relative;
    z-index: 1;
    isolation: isolate;
    overflow: visible;
}

/* Obě vrstvy pozadí – původní i nová */
section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"]::before,
section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"]::after {
    content: "";
    position: absolute;

    top: -50px;
    left: -50px;
    right: -50px;
    bottom: -50px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    pointer-events: none;

    will-change: opacity;
    transform: translateZ(0);

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cfilter id='blur'%3E%3CfeGaussianBlur stdDeviation='25'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='50' y='50' width='calc(100%25 - 100px)' height='calc(100%25 - 100px)' rx='20' ry='20' fill='black' filter='url(%23blur)' /%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cdefs%3E%3Cfilter id='blur'%3E%3CfeGaussianBlur stdDeviation='25'/%3E%3C/filter%3E%3C/defs%3E%3Crect x='50' y='50' width='calc(100%25 - 100px)' height='calc(100%25 - 100px)' rx='20' ry='20' fill='black' filter='url(%23blur)' /%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

/* Aktuální pozadí */
section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"]::before {
    background-image: var(--pool-bg-current);
    z-index: 0;
    opacity: 1;
    transition: opacity 1300ms ease-in-out;
}

/* Nové pozadí */
section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"]::after {
    background-image: var(--pool-bg-next);
    z-index: 1;
    opacity: 0;
    transition: opacity 1300ms ease-in-out;
}

/* Při změně: původní mizí */
section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"].is-bg-changing::before {
    opacity: 0;
}

/* Při změně: nové nabíhá */
section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"].is-bg-changing::after {
    opacity: 1;
}

/* Obsah boxu zůstává nad pozadím */
section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"] > * {
    position: relative;
    z-index: 5;
}


/* Luxor Short Page background */
section.Page-Pool-Models .Luxor-ShortPage-tbl {
    --pool-bg-current: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Luxor-Laminatovy-Bazen-7-1.jpg");
    --pool-bg-next: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Luxor-Laminatovy-Bazen-7-1.jpg");
}

/* Karibo Short Page background */
section.Page-Pool-Models .Karibo-ShortPage-tbl {
    --pool-bg-current: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Karibo-Laminatovy-Bazen-0-1.jpg");
    --pool-bg-next: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Karibo-Laminatovy-Bazen-0-1.jpg");
}

/* Kairo Short Page background */
section.Page-Pool-Models .Kairo-ShortPage-tbl {
    --pool-bg-current: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/KAIRO-SL-7.jpg");
    --pool-bg-next: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/KAIRO-SL-7.jpg");
}

/* Arador Short Page background */
section.Page-Pool-Models .Arador-ShortPage-tbl {
    --pool-bg-current: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Arador-Laminatovy-Bazen-6.jpeg");
    --pool-bg-next: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Arador-Laminatovy-Bazen-6.jpeg");
}

/* Arador Plus Short Page background */
section.Page-Pool-Models .AradorPlus-ShortPage-tbl {
    --pool-bg-current: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Arador-Plus-Laminatovy-Bazen-6.jpeg");
    --pool-bg-next: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Arador-Plus-Laminatovy-Bazen-6.jpeg");
}

/* Tahiti Short Page background */
section.Page-Pool-Models .Tahiti-ShortPage-tbl {
    --pool-bg-current: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Tahiti-Laminatovy-Bazen-1.jpeg");
    --pool-bg-next: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Tahiti-Laminatovy-Bazen-1.jpeg");
}

/* Orias Short Page background */
section.Page-Pool-Models .Orias-ShortPage-tbl {
    --pool-bg-current: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Orias-Laminatovy-Bazen-3.jpeg");
    --pool-bg-next: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Orias-Laminatovy-Bazen-3.jpeg");
}

/* Dior Short Page background */
section.Page-Pool-Models .Dior-ShortPage-tbl {
    --pool-bg-current: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Dior-Laminatovy-Bazen-1.jpg");
    --pool-bg-next: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Dior-Laminatovy-Bazen-1.jpg");
}

/* Brilantis Short Page background */
section.Page-Pool-Models .Brilantis-ShortPage-tbl {
    --pool-bg-current: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Brilantis-Laminatovy-Bazen-3.jpeg");
    --pool-bg-next: url("https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Brilantis-Laminatovy-Bazen-3.jpeg");
}


section.Page-Pool-Models h3 {
position:relative;
margin-bottom:0px;
margin-top: 0px;
}


section.Page-Pool-Models h3 a.lb-simple-detail-link {font-size:16px;}


section.Page-Pool-Models h3 a.lb-simple-detail-link {
display:flex;
flex-direction: column;
justify-content: center;
transition: background 0.4s ease-in-out, color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}


section.Page-Pool-Models h3 a.lb-simple-detail-link span.simple-size {font-size:18px;font-weight:600}

section.Page-Pool-Models h3 a.lb-simple-detail-link span.simple-name {font-size:12px;display:none}

section.Page-Pool-Models h3 a.lb-simple-detail-link span.simple-detail {font-weight:600}



section.Page-Pool-Models h3::after {
    content: "";
    position: absolute;
    bottom: -28px;
    height: 2px;
    right: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(to right, transparent, #234688 20%, #234688 80%, transparent);
}

section.Page-Pool-Models .Model-Colors {}

section.Page-Pool-Models h2, section.Page-Pool-Models h3 {font-weight:600;font-size:24px}


section.Page-Pool-Models h4 {
position:relative;
margin-bottom:0px;
margin-top: 0px;
}

section.Page-Pool-Models h4 {
font-weight:600;
font-size:22px;
padding-bottom:15px;
margin-bottom:15px;
}


section.Page-Pool-Models h4::after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
    right: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(to right, transparent, #234688 20%, #234688 80%, transparent);
}

section.Page-Pool-Models .Model-Shortdesc {padding-bottom:20px;
display: flex;
        flex-direction: column;
        justify-content: space-between;
}

section.Page-Pool-Models .Model-Shortdesc .Model-Shortdec-Teaser {background: rgb(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 10px;
border: solid 1px #CECECE;
}

section.Page-Pool-Models .Model-Shortdesc .Model-Shortdec-Teaser p:last-child {margin-bottom:0px;}

section.Page-Pool-Models .Model-Detail-btn {margin-bottom: 62px;}

section.Page-Pool-Models .Model-Detail-btn a {
border-radius: 10px;
border: solid 2px #234688;
padding: 20px 20px 20px 20px;
}

/* Model Short Page background MASK + plynulá výměna pozadí - END Nepouzito */

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    margin: 0;
    overflow: auto;
    padding: 0.5em;
    text-align: center;
    text-shadow: 0 0 2.5px #000;
    font-weight: 500;
}

section.Page-Pool-Models .fg-carousel-bottom {margin-top:30px}

.fg-carousel-bottom {margin-bottom:30px;}
.fg-carousel-progress {}



/* Detail Modelu Bazenu - snippety a API konfigurator  */

.bazen-varianty,
.bazen-prislusenstvi {
  margin: 40px 0;
}

.bazen-varianty-grid,
.prislusenstvi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}

.bazen-varianta,
.prislusenstvi-card {
  border: 1px solid #d9e3ea;
  border-radius: 10px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
}

.lb-prislusenstvi-description {display:none !important}

.bazen-varianta.is-default {
  border-color: #b27700;
}

.bazen-badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 4px 9px;
  border-radius: 5px;
  background: #e6f7fa;
  color: #007f8f;
  font-size: 13px;
  font-weight: 600;
}

.bazen-parametry,
.prislusenstvi-data {
  margin: 12px 0 0;
  padding-left: 18px;
}

.prislusenstvi-skupina {
  margin-top: 32px;
}

.prislusenstvi-card h4 {
  margin-top: 0;
}

.is-admin-note {
  font-size: 13px;
  opacity: .65;
}



/* Detail Bazen - intro snippet boxy - pohedy, barvy, prislusenstvi - Mobil */

.lb-bazen-konfigurace {
  margin: 0px 0px 50px 0px;
border-bottom: solid 0px #000000;
}

.lb-bazen-konfigurace h2, .lb-bazen-konfigurace h3 {
    font-weight: 500;
    font-size: 1.5em;
}

.lb-bazen-konfigurace-intro h2, .lb-bazen-konfigurace-intro h3 {
    font-weight: 500;
    font-size: 1.5em;
	background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
}

.lb-rozmerove-schema  h2 { 
	font-weight: 500;
    font-size: 1.5em;
	background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
}



/* Comfort best řada v short description - Start Mobile */

.lb-bazen-konfigurace-intro .lb-bazen-short-description {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
    gap:20px;
    border: 1px solid #b27700;
    border-radius: 10px;
    padding: 20px;
    border-color: #b27700;
    box-shadow: 0 8px 25px rgba(254, 193, 7, .18);
    font-weight: 500;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1-description-760px.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    font-size: clamp(16px, 2.6vw, 18px);
justify-content: space-between;
    
}

.lb-bazen-konfigurace-intro .lb-bazen-short-description  p {margin-bottom:0px;}

/* 
.lb-bazen-konfigurace-intro .lb-bazen-short-description .lb-bazen-series-box {
    display: flex;
    gap: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #b27700;
    border-radius: 10px;
    background: transparent;
    box-shadow: 0 8px 22px rgba(17, 64, 109, .4);
    flex-direction: column;
    max-width: 170px;
    align-items: center;
}
*/

.lb-bazen-konfigurace-intro .lb-bazen-short-description .lb-bazen-series-box {
    display: flex;
    gap: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #b27700;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    flex-direction: column;
    max-width: 230px; /* Zmenšeno ze 170px o 20% */
    align-items: center;
}

.lb-bazen-konfigurace-intro .lb-bazen-short-description .lb-bazen-series-box .lb-bazen-series-content {display:none}


.lb-bazen-konfigurace-intro .lb-bazen-short-description .detail-lb-rada-image img {
    border-radius: 10px;
    border: 0px solid #b27700;
}

.lb-bazen-konfigurace-intro .lb-bazen-short-description .lb-bazen-series-content {text-align:center;}

/* Comfort best řada v short description - END Mobile */

.lb-model-detail-more {
margin-top:20px;
font-family: Cinzel, serif;
font-weight:600;
font-size: clamp(18px, 2.6vw, 22px);

}

.lb-model-detail-more a {text-decoration:none; color: #16406d;}

.lb-model-detail-more i {margin-right:5px;}


.lb-bazen-varianty-preview {
    margin: 48px 0;
    padding: 22px;
    border-radius: 10px;
    background: rgba(255,255,255,.78);
    border: 1px solid #dce8ef;
    display:none;
}

.lb-bazen-varianty-preview h3 {
    margin-top: 0;
}

.lb-bazen-varianty-preview-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
justify-content: space-evenly;
}

.lb-variant-preview-pill {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 15px;
    border-radius: 10px;
    background: #FFFFFF;
    color: #16406d;
    text-decoration: none;
    border: 1px solid #b27700;
display: flex;
    flex-direction: column;
    gap: 5px;
align-items: center;
transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
}

.lb-variant-preview-pill span {
display:block;
padding:5px;
}

.lb-variant-preview-pill span.pill-01 {
    font-size: 16px;
    font-weight: 500;
		border-bottom:dotted 1px #000000;
}

.lb-variant-preview-pill span.pill-02 {
    font-size: 15px;
    font-weight: 400;
}

.lb-variant-preview-pill span.pill-03 {
    font-size: 15px;
    font-weight: 500;
}

.lb-variant-preview-pill:hover {
    background: #fbb70a;
    color: #000000;
box-shadow: 1px 1px 5px rgba(254, 193, 7, .18);
}

.lb-bazen-description {margin-top:60px;}



/* Open/close blok hlavního popisu bazénu */

.lb-bazen-description-details {
    margin: 25px 0;
    border-radius: 10px;
background: rgba(255, 255, 255, .78);
    border: 0px solid #dce8ef;
    overflow: hidden;
}

.lb-bazen-description-summary {
    padding: 18px 22px;
    cursor: pointer;
    list-style: none;
    letter-spacing: 0.03em;
    transition: color 0.2s ease, background 0.2s ease;
justify-content: space-between;
}

.lb-bazen-description-summary h2 {
margin-bottom:0px;
padding-top: 5px;
display: flex;
justify-content: flex-start;
}


.lb-bazen-description-summary h2 span.HeaderSection {flex:1}

.lb-bazen-description-summary h2 span.OpenSection  {font-size:0.7em}

.lb-bazen-description-summary:hover {
    color: #2abfd5;
    /* disabled background: rgba(222, 185, 104, 0.2); */
background:rgba(254, 193, 7, .18);
}

/* skrytí výchozí šipky */
.lb-bazen-description-summary::-webkit-details-marker {
    display: none;
}

.lb-bazen-image-text {margin-bottom:30px;}	

.lb-bazen-konfigurace-intro .lb-bazen-image-text { display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}


.lb-bazen-image-text .lb-bazen-model-image {
    width: 100%;
    max-width: 100%;
}


.lb-bazen-image-text .lb-bazen-model-image img {
    width: 100%;
    height: auto;
    display: block;
}


x.lb-bazen-image-text > div:not(.lb-bazen-model-image) {
    width: 100%;
}

.lb-bazen-konfigurace-intro .lb-bazen-image-text img {border-radius:10px;border: 1px solid #b27700;}

.lb-bazen-konfigurace-intro h2 i {margin-right:10px;}

.lb-bazen-description-summary::marker {
    content: "";
}

.lb-summary-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #234688;

}

.lb-summary-icon-close {
    display: none;
}

.lb-bazen-description-details[open] .lb-summary-icon-open {
    display: none;
}

.lb-bazen-description-details[open] .lb-summary-icon-close {
    display: inline-flex;
}

.lb-bazen-description {
    padding: 0 22px 24px;
}

.lb-bazen-description h3:first-child {
    margin-top: 0;
}

/* Jemné oddělení obsahu po rozbalení */
.lb-bazen-description-details[open] .lb-bazen-description {
    border-top: 0px solid rgba(42, 191, 213, 0.18);
    padding-top: 0px;
}




.lb-bazen-gallery {
margin-top:30px;
padding-bottom: 30px;
}

.lb-bazen-varianty,
.lb-prislusenstvi {
  margin: 0px;
}

.lb-section-intro {
  margin-bottom: 24px;
font-weight:500;
}

.lb-bazen-main-image {
  margin: 20px 0 25px;
}

.lb-main-image {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.lb-model-barvy-gallery .lb-gallery-item {
    margin-bottom: 10px;
    border-bottom: solid 1px;
    padding-bottom: 15px;
}

.lb-model-barvy-gallery .lb-color-gallery-caption {
    margin-top: 10px;
    color: #1d3138;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
}

.lb-model-barvy-gallery .lb-color-gallery-caption::before {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    margin: 0 auto 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(178,119,0,.25), rgba(231,174,64,.85), rgba(178,119,0,.25));
}	

/* FAQ - sekce - Mobile */

#page nav#faq-anchors .is-layout-grid {grid-template-columns: repeat(1, minmax(0, 1fr));}

#page .faq-page .wp-block-group__inner-container {
    padding: 15px;
}

#page nav#faq-anchors {margin-bottom:30px;}

#page nav#faq-anchors p.wp-block-paragraph {
	background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(213, 160, 54, 0.2));
	text-align:center;
    border: solid 1px #234688;
	border-radius: 10px;
    padding:0px;
}

#page nav#faq-anchors p.wp-block-paragraph a {display:block;padding:20px;}

#page section.faq-page {
	border:solid 1px #1d3138; 
	border-radius:10px;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/FAQ-bg-sections.png);
        background-repeat: no-repeat;
        background-position: 96% 35px;
        background-size: 23%;	
    margin-bottom:20px;
}

#page section.faq-page h2.wp-block-heading {
	position: relative;
    padding: 0px 0px 15px 0px !important;
	margin-top: 0px !important;
}

#page section.faq-page h2.wp-block-heading::before {display:none}

#page section.faq-page h2.wp-block-heading::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 2px;
        border-radius: 5px;
        background: linear-gradient(90deg, #c7a34b 0%, #f2d178 45%, rgba(42, 191, 213, 0.25) 100%);
    }

#page section.faq-page .wp-block-aioseo-faq h3.aioseo-faq-block-question {font-family:Serif;margin-bottom: 10px;font-size:20px  !important;font-weight:600;color: #1d3138 !important;margin-top:20px;}
#page section.faq-page .wp-block-aioseo-faq .aioseo-faq-block-answer p {margin-bottom: 5px;}

#page section.faq-page .wp-block-buttons {margin-top:30px;}

/* Poradce - sekce, články loop Start */

nav#kategorie-poradce h2 {}
nav#kategorie-poradce h2 a {text-decoration:none}

.poradce-articles {text-align:left;margin-top:-20px}

.poradce-articles a {color:#16406d;font-weight:500}
.poradce-articles a i {margin-right:10px;}
.poradce-articles a:hover {color:#000000;}

section#top-clanky-poradce h3, section#clanky-poradce h3 {font-family: 'Montserrat';font-size:18px;margin-bottom:10px;}

section#top-clanky-poradce .gb-loop-item img, section#clanky-poradce .gb-loop-item img {
    border-radius: 10px;
    margin-bottom: 20px !important;
}

.Clmn-border-poradce {
border:solid 1px #234688;
border-radius:10px;
padding:20px;
display: flex;
flex-direction: column;
background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(213, 160, 54, 0.2));
}

/* Poradce - sekce, články loop End */


.lb-gallery-grid.small {
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
}

.lb-gallery-image,
.lb-variant-image,
.lb-3d-image {
  
  border-radius: 10px;
border:solid 2px #b27700;
	margin-bottom:0px;
}

.lb-varianty-grid,
.lb-prislusenstvi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
}

.lb-gallery-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 15px;
    margin-top: 0px;
margin-bottom:25px;
}

.lb-gallery-grid .lb-rozmerove-schema-variant h3 {text-align:center;font-size:1.2em;font-weight:600}

.lb-varianta-card,
.lb-prislusenstvi-card {
  position: relative;
  padding: 15px;
  border: 1px solid #dbe6ed;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.045);
}

.lb-prislusentvi-image-text-box {
display:flex; 
flex-wrap: wrap;
gap:10px;
padding-bottom:20px;
}

.lb-prislusentvi-image-text-box .lb-kalkulace-name {font-size:16px;}


.lb-prislusenstvi-image img {border:solid 1px #CECECE;border-radius:10px;padding:2px;}


.lb-prislusenstvi-image, 
.lb-prislusentvi-text-wraper {
    flex: 1 1 calc(50% - 5px); /* Rozdělí prostor na polovinu */
    box-sizing: border-box;
}

/* Třetí prvek skočí dolů a zabere celou šířku */
.lb-kalkulace-name {
    flex: 1 1 100%; /* Roztáhne se na 100% šířky */
    width: 100%;    /* Pojistka pro plnou šířku */
}


.lb-prislusentvi-text-wraper h4, .lb-prislusentvi-text-wraper p {margin-bottom:5px;}

.lb-prislusentvi-text-wraper h5 {font-size:18px;}


/* Detail - Varianty bazenu Snippet pod a nad formularem - mobil */

.lb-bazen-varianty .lb-varianta-card.is-default {
  border-color: #b27700;
}

.lb-bazen-varianty .lb-varianta-card .lb-varianta-image img {
max-height: 240px;
min-height: 240px;
}

.lb-bazen-varianty .lb-varianta-card h3 {
position:relative;
padding-bottom:15px;
padding-top:15px;
font-size:1.2em;
font-weight:600;
}

.lb-bazen-varianty .lb-varianta-card h3:after {
	content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
        pointer-events: none;
}




/* Ceny - Mobil Start */

.lb-price-action {
  color: #000000;
  font-size: 18px;
}

.lb-price-action strong, .lb-price-standard strong {font-weight:500;font-size:0.9em}

.lb-price-vat strong {font-weight:500}

.lb-varianta-price .lb-price-vat {display:none;}

.lb-price-original {
  opacity: .7;
  text-decoration: line-through;
  margin-top: 4px;
display:none;
}

.lb-price-note {
  margin-top: 5px;
  font-size: 14px;
  opacity: .8;
display:none;
}

.lb-param-details summary {margin-top:10px;cursor:pointer}
/* Otevřít / zavřít parametry varianty */

.lb-param-details {
    margin-top: 14px;
}

.lb-param-details summary {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    cursor: pointer;
    list-style: none;
    font-weight: 400;
    color: #16406d;
    transition: color .2s ease;
    font-size:15px;
}

.lb-param-details summary:hover {
    color: #000000;
}

/* Skrytí výchozí šipky v Chrome/Safari */
.lb-param-details summary::-webkit-details-marker {
    display: none;
}

/* Skrytí / potlačení výchozího markeru */
.lb-param-details summary::marker {
    content: "";
}

/* Vlastní ikonka */
.lb-param-details summary::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 16px;
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: 700;
    transition: transform .2s ease, background .2s ease;
   background: rgba(180, 126, 32, 1);
    border: solid 1px #fbb70a;
margin-top: 2px;
}

/* Po otevření změna ikonky */
.lb-param-details[open] summary::before {
    content: "−";
    background: rgba(245, 183, 59, .18);
    color: #b27700;
}

/* Jemné odsazení tabulky po otevření */
.lb-param-details .lb-param-table {
    margin-top: 12px;
}


.lb-param-table {
  width: 100%;
  margin-top: 18px;
  border-collapse: collapse;
font-size:14px;
}

.lb-param-table th,
.lb-param-table td {
  padding: 10px 10px;
  border-bottom: 1px solid #edf2f5;
  text-align: left;
  vertical-align: top;
}

.lb-param-table th {
  width: 42%;
  font-weight: 300;
}

.lb-page-anchors-box {padding-top:10px;}

.lb-page-anchors-box p {margin-bottom:10px;font-size:15px;}

.lb-page-anchors-box p i {
    margin-right: 8px;
    width: 18px;
    height: 18px;
    font-size: 18px;
margin-top: 3px;
}

.lb-page-anchors a {display:flex;text-decoration:none;align-items: flex-start;}

.lb-prislusenstvi-group {
  margin-top: 36px;
}

.lb-prislusenstvi-group h3 {display:none;}

.lb-prislusenstvi-group h4 {
color: #234688;
}

.lb-prislusenstvi-description {
  margin: 12px 0;
}

.lb-prislusenstvi-description p {margin-bottom:5px;}

.lb-prislusenstvi-description strong, .lb-prislusenstvi-description b {
	font-weight: 500;
} 

.lb-prislusenstvi-detail {
position:absolute;
left:15px;
bottom:10px;
}

.lb-prislusenstvi-detail p {margin-bottom:0px;}
.lb-prislusenstvi-detail {text-align:left}
.lb-prislusenstvi-detail i {margin-right:5px;}
.lb-prislusenstvi-detail a {color: #16406d;
    font-weight: 500;font-size:14px;}


.lb-prislusenstvi-price {
  margin: 15px 0;
display:none;
}

.lb-prislusenstvi-group .lb-prislusenstvi-price {font-size: 0.9em;}

.lb-prislusenstvi-group .lb-prislusenstvi-price strong {font-weight: 500;margin-right:10px;}

.lb-prislusenstvi-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
display:none;
}


/* Detail bazenu - Intro Box Snippet - prislusenstvi - Mobil */

.lb-bazen-konfigurace-intro .lb-prislusenstvi-groups {
    margin: 25px 0;
}

  .lb-bazen-konfigurace-intro div.lb-prislusenstvi-group-cards {
        display:grid;
        grid-template-columns: 1fr;
        gap:15px;
    }

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-card {
    overflow: hidden;
    border: 1px solid rgba(178,119,0,.28);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,250,239,.72));
    box-shadow:
        0 14px 32px rgba(17,64,109,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
position:relative;
padding-bottom:30px;
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-image {
    padding: 14px 14px 0;
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    border-radius: 10px;
    background: rgba(255,255,255,.72);
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-content {
    padding: 16px 18px 18px;
}

.lb-bazen-konfigurace-intro h3.lb-prislusenstvi-group-title {
    margin: 0 0 10px;
    color: #16406d;
    font-size:1.1em;
    font-weight:600;
    line-height: 1.2;
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-title a {
    color: inherit;
    text-decoration: none;
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-title a:hover {
    color: #b27700;
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-description {
    color: #2f3a40;
    font-size: 15px;
    line-height: 1.55;
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-description p {
    margin: 0 0 10px;
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-detail {
    margin: 14px 0 0;
position:absolute;
left:20px;
bottom:10px;
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-detail a {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    color: #b27700;
    font-weight: 500;
font-size:0.9em;
    text-decoration: none;
}

.lb-bazen-konfigurace-intro .lb-prislusenstvi-group-detail a:hover {
    color: #16406d;
}


/* API a interní data – na webu skrýt */
.is-api-data {
  display: none;
}

.Clmn-border {
border:solid 1px #234688;
border-radius:10px;
padding:20px;
display: flex;
flex-direction: column;
background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(213, 160, 54, 0.2));
}

article .Clmn-border ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0px;
}

article .Clmn-border ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 9px;
    font-size: 17px;
    line-height: 1.55;
    color: #3c3c3c;
}

.Clmn-border .wp-block-buttons.is-content-justification-center {
    align-items: flex-end;
	flex:1}

/* galerie varianty */

body.single.single-bazen .foogallery .fg-item {
text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
margin-bottom: 20px;
}

body.single.single-bazen .foogallery .fg-item-inner {width:200px} 




/* Detail - Poptavkovy formular API START - Mobil */


.lb-offer-form {
    margin: 0px 0px 30px 0px;
    padding: 0px;
    border-radius: 10px;
    background: transparent;
    backdrop-filter: blur(5px);
    border: solid 0px #CECECE;
}

.lb-offer-header  {
padding:15px;
background: linear-gradient(135deg, rgba(238, 250, 255, 0.84), rgba(255, 255, 255, 0.86));
border-radius:10px;
border: solid 2px #dbe8ef;
}

.lb-offer-header h2 {font-weight: 600;}

.lb-offer-form fieldset.lb-offer-step:first-of-type {
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Laminatovy-bazen-box-Bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    border: 1px solid #c9a054
}

.lb-offer-kicker {
    display: inline-block;
    margin-bottom: 10px;
    color: #b27700;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
}


.lb-offer-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
  margin-top: 30px;
}

.lb-offer-step {
    margin: 0 0 30px;
    padding: 0px;
    border: 0px solid #dbe8ef;
    border-radius: 10px;
    background: rgba(255,255,255,.82);
}

.lb-offer-step legend  {
    font-weight: 600;
    color: #16406d;
    margin-bottom: 0px;
    background: rgba(255, 254, 250, 0.9);
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    border: solid 2px #dbe8ef;
margin-bottom:15px;
}

.lb-offer-variants {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 25px;
    border-radius: 10px;
	}



.lb-form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}


/* Poptavka barvy bazenu a skupiny  */

/* spolecny zaklad */

.lb-variant-option input {
    display: none;
}

.lb-offer-accessories .lb-accessory-group {
    margin: 0 0 30px;
    padding: 15px 15px 15px 15px;
    border: 1px solid rgba(34, 87, 103, 0.12);
    border-radius: 10px;
    box-shadow: 0 10px 28px rgba(34, 87, 103, 0.06);
    position: relative;

}

.lb-offer-accessories .lb-accessory-group::before {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 3px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, rgba(231, 174, 64, 0.85), rgba(42, 191, 213, 0.65));
}

.lb-offer-accessories .lb-accessory-group h4 {
    margin: 0 0 10px;
    color: #123f55;
    font-size: 24px;
    letter-spacing: 0.02em;
    font-weight:600;
}


.lb-offer-accessories .lb-accessory-option {
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(34, 87, 103, 0.13);
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(34, 87, 103, 0.035);
    transition: 
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
        position:relative;
}

.lb-offer-accessories .lb-accessory-option span.input-option   {
    position: absolute;
    width: 32px;
    height: 32px;
    padding: 0px 0px 0px 0px;
    z-index: 999;
    left: -16px;
    top: -1px;
    border: 1px solid rgba(34, 87, 103, 0.13);
    border-radius: 0px 0px 0px 0px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 250, 239, .82));
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lb-offer-accessories .lb-accessory-option span.input-option input {margin:0px !important;padding:0px !important;}

.lb-accessory-option {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 10px;
    cursor: pointer;
}

.lb-accessory-group > .lb-accessory-option:last-of-type {
    margin-bottom: 0px;
}

.lb-offer-accessories .lb-accessory-option:hover {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(231, 174, 64, 0.45);
    box-shadow: 0 8px 22px rgba(34, 87, 103, 0.08);
    transform: translateY(-1px);
}

.lb-offer-accessories .lb-accessory-option:has(input:checked) {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(231, 174, 64, 0.85);
    box-shadow: 0 8px 24px rgba(231, 174, 64, 0.16);
}


/* Jednotlivé skupiny */

.lb-accessory-group-barvy-bazenu {
    background:
        linear-gradient(135deg, rgba(42, 191, 213, 0.12), rgba(231, 174, 64, 0.12)),
        #f8fcfd;
}


.lb-accessory-group-bazenove-montazni-sady {
    background:
        linear-gradient(135deg, rgba(231, 174, 64, 0.14), rgba(255, 248, 232, 0.9)),
        #fffaf0;
}

.lb-accessory-group-bazenove-osvetleni {
    background:
        linear-gradient(135deg, rgba(34, 87, 103, 0.10), rgba(42, 191, 213, 0.10)),
        #f4fbfd;
}

.lb-accessory-group-izolace-bazenu {
    background:
        linear-gradient(135deg, rgba(120, 150, 160, 0.13), rgba(238, 246, 248, 0.95)),
        #f6fafb;
}

.lb-accessory-group-solonizacni-soupravy {
    background:
        linear-gradient(135deg, rgba(116, 210, 198, 0.13), rgba(245, 255, 252, 0.95)),
        #f5fffc;
}

.lb-accessory-group-kontrola-ph-vody {
    background:
        linear-gradient(135deg, rgba(117, 190, 145, 0.13), rgba(240, 250, 246, 0.95)),
        #f6fcf9;
}

.lb-accessory-group-bazenova-tepelna-cerpadla {
    background:
        linear-gradient(135deg, rgba(231, 174, 64, 0.11), rgba(255, 246, 232, 0.9)),
        #fffaf2;
}

.lb-accessory-group-bazenovy-protiproud {
    background:
        linear-gradient(135deg, rgba(42, 191, 213, 0.15), rgba(34, 87, 103, 0.08)),
        #f3fbfd;
}

.lb-accessory-group-instalacni-prvky {
    background:
        linear-gradient(135deg, rgba(34, 87, 103, 0.08), rgba(235, 243, 246, 0.95)),
        #f7fafb;
}

/* Barvy v poptavce  */

/* 1. Volba: Modrá */
div[data-group-slug="barvy-bazenu"] .lb-accessory-option:nth-child(4) {
background: #60B0E7;
}

/* 2. Volba: Písková */
div[data-group-slug="barvy-bazenu"] .lb-accessory-option:nth-child(3) {
background: #E0D3B0;
}

/* 1. Volba: Šedá Světlá */
div[data-group-slug="barvy-bazenu"] .lb-accessory-option:nth-child(2) {
background: #d4d9dc;
padding-bottom:30px;
}

div[data-group-slug="barvy-bazenu"] .lb-accessory-option:nth-child(2)::after  {
        content: "";
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 175px;
        height: 32px;
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/Nejoblibenejsi-barva-badge-2.png) 0px 0px / 100% no-repeat !important;
        background-repeat: no-repeat;
        background-position: center left;
        background-size: cover !important;
        background-color: transparent;
        border-radius: 5px;
    }



/* 4. Volba: Bílá */
div[data-group-slug="barvy-bazenu"] .lb-accessory-option:nth-child(5) {
background: #FDFDFD;
}


.lb-variant-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap:15px;
    height: 100%;
    padding: 15px;
    padding-top:50px;
	padding-bottom:50px;
    border: 2px solid #dce8ef;
    border-radius: 10px;
    background-color: rgba(255, 254, 250, 0.9);
    transition: .2s ease;
    justify-content: center;
        background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Comfort-Best-Logo.png);
        background-size: 35%;
        background-repeat: no-repeat;
        background-position: 110% 100%;
}

.lb-variant-card:hover  {
    border-color: #b27700;
    box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
}

.lb-variant-card img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px;
    border: solid 1px #b27700;
}

.lb-variant-card strong,
.lb-variant-card small,
.lb-variant-card b {
    display: block;
}

.lb-variant-card .lb-variant-card-text small {
    display: none;
}

.lb-variant-card .lb-variant-card-text b {font-weight:400;font-size:0.9em}

.lb-variant-option input:checked + .lb-variant-card {
    border-color: #b27700;
    box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
}
.lb-offer-variant-detail {display:none}

.lb-selected-variant-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 18px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #b27700;
    border-radius: 10px;
    padding: 20px;
    border-color: #b27700;
    box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
}
.lb-selected-variant-detail .lb-selected-variant-text {margin-bottom:5px;font-weight:500;}

.lb-selected-variant-detail strong {
    width: 100%;
    color: #16406d;
}

.lb-selected-variant-detail strong, .lb-selected-variant-detail span {}

.lb-selected-variant-detail p.lb-selected-variant-text {}


/* Info box krok 2  */

/* Krokový odkaz u vybrané varianty bazénu */

.lb-variant-option {
    position: relative;
    cursor: pointer;
padding-bottom:0px;
display:flex;
cursor:pointer;
}

.lb-variant-option.is-locked-selected-variant {}



/* Výchozí stav - box je skrytý */
.lb-next-step-hint {
    display: none;
    position: absolute;
    bottom: 0px;
    padding: 8px 13px;
    border-radius: 10px 10px 0px 0px;
    background: rgba(222, 185, 104, 0.9);
    color: #000000;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: 0 -4px 14px rgba(0, 0, 0, .12);
    cursor: pointer;
    z-index: 2;
    font-size: 12px;
}

.lb-next-step-hint i {font-size:18px;}

.lb-next-step-hint.selected-size {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 8px 13px;
    border-radius: 10px 0px 10px 0px;
    background: rgba(222, 185, 104, 0.9);
    color: #000000;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: 0 -4px 14px rgba(0, 0, 0, .12);
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
width:185px;height:32px;
white-space:nowrap;
}

.lb-next-step-hint.selected-size::hover {background: rgba(222, 185, 104, 0.9);cursor: text !important}

/* Zobrazit pouze u aktuálně vybrané varianty */
.lb-variant-option input:checked + .lb-variant-card .lb-next-step-hint {
    display: flex;
    align-items: center;
    gap: 6px;
}


/* Zobrazit pouze u aktuálně vybrané varianty */
.lb-variant-option input:checked + .lb-variant-card .lb-next-step-hint.selected-size {
    display: block;
    align-items: center;
    gap: 6px;
}



/* Hover efekt */
.lb-next-step-hint:hover {
    background: #fbb70a;
}

/* Odsazení cíle při scrollu */
#lb-offer-accessories {
    scroll-margin-top: 130px;
}

/* Info Box krok @ END  */

x.lb-accessory-group {
    margin: 24px 0;
}

x.lb-accessory-group h4 {
    margin-top: 25px;
    margin-bottom: 12px;
    color: #16406d;
    font-weight:600;
}





.lb-accessory-option input {
    margin-top: 0px;
    font-size: 16px;
}



.lb-accessory-option small {
    margin-top: 4px;
    opacity: 1;
    font-size: 0.9em;
}

.lb-accessory-option b {
    margin-top: 5px;
    color: #3c3c3c;
    font-weight: 500;
font-size:14px;
}


.lb-accessory-content {
    display: grid;
    /* Dva sloupce: první se přizpůsobí obrázku, druhý vezme zbytek */
    grid-template-columns: auto 1fr; 
    gap: 10px;
    align-items: self-start /* Vertikální zarovnání obrázku a názvu */

}

.lb-accessory-content .lb-accessory-image {grid-column: 1;}
.lb-accessory-content .lb-accessory-name {grid-column: 2;display: flex;
        flex-direction: column;}
.lb-accessory-content .lb-accessory-image img {border:solid 2px #CECECE;border-radius:5px;max-width:80px}
.lb-accessory-content .lb-accessory-text {
    grid-column: 1 / span 2; 
    font-size: 1em; 
padding-left: 0px;
}


.lb-accessory-option.is-auto-accessory {
    opacity: .78;
    background: rgba(22, 64, 109, .04);
margin-left: 16px;
}

.lb-accessory-option.is-auto-accessory input {
    pointer-events: none;
}

.lb-accessory-option.is-auto-accessory em {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #b27700;
    font-style: normal;
    font-weight: 600;
}


.lb-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.lb-form-grid label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-weight: 400;
    font-size: 0.9em;
}

.lb-form-full {display:none !important}

.lb-form-grid input,
.lb-form-grid select,
.lb-form-full textarea {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid #cfdde5;
    border-radius: 8px;
    background: #fff;
font-size:0.9em;
}

.lb-form-full {
    margin-top: 16px;
}

.lb-consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 18px 0;
    font-size: 14px;
}

.lb-offer-submit {
    width: 100%;
    padding: 15px 22px;
    border: none;
    border-radius: 10px;
    background: #16406d;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    cursor: pointer;
    border:solid 2px #b27700;
transition: background 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

.lb-offer-submit i {margin-right:10px;}

.lb-offer-submit:hover {
color:#000000;
border:solid 2px #000000;
background:rgba(240, 184, 62, 1);
} 

.lb-send-note {
    margin-top: 18px;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color:#3c3c3c;
}

#lb-offer-form .lb-offer-submit .fa-spinner {
    display: none;
    margin-right: 10px;
}

#lb-offer-form.is-sending .lb-offer-submit .fa-spinner {
    display: inline-block;
    animation: lb-spin 0.8s linear infinite;
}

#lb-offer-form.is-sending .lb-offer-submit {
    opacity: 0.85;
    cursor: wait;
    pointer-events: none;
}

#lb-offer-form.is-sent .lb-offer-submit,
#lb-offer-form.is-sent .lb-send-note {
    display: none;
}

@keyframes lb-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.lb-offer-summary {
    align-self: start;
    padding: 25px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(0,0,0,.08);
    margin-bottom:25px;
}

.summary-hide {display:none !important}
.content-hide {display:none !important}

.lb-summary-row,
.lb-summary-total {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 11px 0;
    border-bottom: 1px solid #e8eef2;
}

.lb-summary-total {
    font-weight: 700;
}

.lb-summary-total.vat {
    color: #b27700;
}

.lb-selected-list {
    margin-top: 22px;
}

.lb-selected-list h4 {
    font-size: 20px;
}

.lb-selected-list ul {
padding-left: 18px;
margin:0px 0px 0px 0px;
}

.lb-selected-list ul li {
	font-size: 0.9em;
border-bottom: solid 1px #CECECE;
    padding-bottom: 5px;
    padding-top: 5px;
}

.lb-summary-note {
    margin-top: 18px;
    font-size: 14px;
    opacity: .75;
}

.lb-form-response {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 8px;
    display: none;
}

.lb-form-response.is-success,
.lb-form-response.is-error {
    display: block;
text-align: center;
}

.lb-form-response.is-success {
    background: #205a5a;
    color: #FFFFFF;
    text-align: center;
}

.lb-form-response.is-error {
    background: #ffe4e6;
    color: #be123c;
text-align: center;
}

.is-api-data {
    display: none;
}




/* Menší základní odsazení obsahu */
.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
  padding: 15px 15px 0;
}


/* Top menu */


/* Text site info u loga - nepouzito */

.site-description {
    display: flex;
    flex-direction: column;
}

.site-description span:nth-of-type(2) {
    display: none;
}



/* HP Gallery + Bazeny gallery */


.HP-Galleries .foogallery {margin-bottom:20px;}

.HP-Galleries .foogallery .fg-loaded img {
    border-radius: 10px;
}

.HP-Galleries  .fg-simple_portfolio .fg-item {
    flex-basis: 250px;
    border: solid 0px #000000;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
	 background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/widget-pattern-dottie.png);
background-repeat: no-repeat;
    background-size: cover;
}

.HP-Galleries .foogallery.fg-hover-slide-down .fg-loaded .fg-image-overlay {
    border-radius: 10px;
}

.HP-Galleries .foogallery .fg-caption-title {
    color: #FFFFFF;font-size: 1.3em;
}


.HP-Galleries .foogallery .fg-caption-desc {
    color: #FFFFFF;font-size: 1.1em;
}


/* Fotogalerie a Galerie Foogallery a LightBox - vizuální sekce */

.HP-Galleries {
    padding: 15px 15px;
    margin-top: 0px;
    padding-top: 0px;
}


#foogallery-gallery-1278.fg-simple_portfolio .fg-item {
    flex-basis: 100%;
}

.Modely-Gallery .fg-simple_portfolio .fg-item {
    flex-basis: 100%;
}

.Realizace-Fotogalery .wp-block-group__inner-container {
        padding: 0px !important;
    }


/* Uprava fotogalerie popisek pod zoom obrazkem - START mobile  */

body.wp-singular.page-template-default.page .wp-block-gallery.has-nested-images figure.wp-block-image {
    box-sizing: border-box;
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    max-width: 100%;
    position: relative;
    flex-wrap: wrap;
    flex-direction: column;
}


body.wp-singular.page-template-default.page .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    box-sizing: border-box;
    color: #000000;
    font-size: 14px;
    margin: 0;
    overflow: auto;
    padding: 0.5em;
    text-align: center;
    text-shadow: 0 0 black;
    font-weight: 500;
    position: relative;
}


body.wp-singular.page-template-default.page .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
xbackground: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(213, 160, 54, 0.2));
background: rgba(240, 184, 62, 1);
border-radius: 10px;
    margin-top: 10px;
}

body.wp-singular.page-template-default.page .wp-block-gallery.has-nested-images figcaption {
    flex-basis: auto;
    flex-grow: initial;
    text-align: center;
}


/* Uprava fotogalerie popisek pod zoom obrazkem - END mobile  */


/* Detail Galerie modelu Portrait - Landscape - Mobil START */

/* Pozadi detailu Gelerie Start */

.fg-panel-fade .fg-media.fg-reverse.fg-visible, .fg-panel-fade .fg-media.fg-visible {
    visibility: visible;
    opacity: 1;
    background-color:tranparent !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72)) !important;
}

.fg-portrait:not(.fg-medium,.fg-panel-no-mobile) .fg-panel-buttons {
    flex-direction: row-reverse;
    min-height: 120px !important;
}

.fg-portrait:not(.fg-medium,.fg-panel-no-mobile) .fg-panel-buttons {
    flex-direction: row-reverse;
    padding-top: 70px !important;
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Logo-Laminatovy-Bazen-Gold-3.png) 70px 8px / 200px no-repeat, radial-gradient(circle at 88% 0%, rgba(243, 211, 122, 0.18), transparent 32%), radial-gradient(circle at 12% 100%, rgba(42, 191, 213, 0.18), transparent 34%), linear-gradient(135deg, #051b2d 0%, #07384a 48%, #0b6470 100%) !important;
        border-bottom: 1px solid rgba(215, 174, 74, 0.78);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        transition: background 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease, min-height 0.35s ease;
border-top: 2px solid #c9a054;
position:relative;
}

.fg-portrait:not(.fg-medium,.fg-panel-no-mobile) .fg-panel-buttons::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 15px;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Lang-CZ.webp) 0px -1px / 52px no-repeat;
    border-radius: 5px;
    border: solid 1px #205a5a;
    width: 52px;
    height: 35px;
    background-color: #205a5a;
    padding: 0px;
}

.fg-panel-buttons button {
        background: linear-gradient(135deg, #0f2027, #203a43) !important;
        border: 1px solid #c9a054 !important;
        color: #ffffff !important;
    }

.fg-media-caption {
    text-align: center;
    font-size: 1.1em;
}

.fg-media-caption  .fg-media-caption-title {
    display: inline-block;
    color: #8a6421;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
    font-size:1.2em;
    font-family: serif !important;
}


xbody.wp-singular:not(.home) .wp-block-gallery.has-nested-images figure.wp-block-image figcaption.wp-element-caption {
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    margin: 0;
    overflow: auto;
    padding: 0.5em;
    text-align: center;
    text-shadow: 0 0 2.5px #000;
    font-weight: 500;
    margin-top: 0px;
    bottom: 0px;
    position: relative;
    flex-basis: content;
}


/* Landscape butony vpravo */

.fg-landscape:not(.fg-medium,.fg-panel-no-mobile) .fg-panel-buttons {
    flex-direction: column;
    width: 100px !important;
}



/* Spodni pruh images Gelerie Start */

.fg-panel-area.fg-panel-thumbs {border: 1px solid #c9a054 !important;}

.fg-panel-thumbs-viewport .fg-panel-thumbs-stage
 {
    background-color: #FFFFFF !important;
    border-color: #000000;
}

.fg-panel-thumbs-viewport .fg-panel-thumb.fg-type-image.fg-loaded {background-color:transparent !important;}
.fg-panel.fg-light .fg-panel-thumb.fg-selected {background-color:#1d3138 !important;border: 1px solid #c9a054 !important;}

/* Butony dole */

.fg-panel-area.fg-panel-thumbs .fg-panel-area-inner.fg-panel-thumbs-inner .fg-panel-thumbs-button.fg-panel-thumbs-prev {
width: 60px;
background: linear-gradient(135deg, #0f2027, #203a43) !important;
border: 0px solid #c9a054 !important;
color: #ffffff !important;
}

.fg-panel-area.fg-panel-thumbs .fg-panel-area-inner.fg-panel-thumbs-inner .fg-panel-thumbs-button.fg-panel-thumbs-next {
width: 60px;
background: linear-gradient(135deg, #0f2027, #203a43) !important;
border: 0px solid #c9a054 !important;
color: #ffffff !important;
}

.fg-panel-area.fg-panel-thumbs .fg-panel-area-inner.fg-panel-thumbs-inner .fg-panel-thumbs-button.fg-disabled {}

/* Spodni pruh images Gelerie END */


/* Detail Bazenu - Náhled galerie Prev Next */

body.single.single-bazen .foogallery .fg-item {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #b27700;
    box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
}

.foogallery.fg-carousel.fg-dark.fg-inverted button.fg-carousel-next, .foogallery.fg-carousel.fg-dark.fg-inverted button.fg-carousel-prev, .foogallery.fg-carousel.fg-light button.fg-carousel-next, .foogallery.fg-carousel.fg-light button.fg-carousel-prev {color:#8a6421 !important}

.foogallery.fg-carousel.fg-dark.fg-inverted button.fg-carousel-bullet, .foogallery.fg-carousel.fg-light button.fg-carousel-bullet {
    background-color: #8a6421 !important;
    border-color: #333;
}

.foogallery.fg-carousel.fg-dark.fg-inverted .fg-carousel-progress, .foogallery.fg-carousel.fg-light .fg-carousel-progress {
background-color:#b27700;
box-shadow: inset 0 0 0 1px #333;
}

/* Detail Galerie modelu Mobil END */


.Contact-map-clmn iframe {
  height: 320px;
}

/* Detail bazénu GRID MOBIL */

.lb-varianty-grid,
.lb-prislusenstvi-grid,
.bazen-varianty-grid,
.prislusenstvi-grid {
  grid-template-columns: 1fr;
}

.lb-param-table {
  font-size: 13px;
}

.lb-param-table th,
.lb-param-table td {
  padding: 9px 8px;
}



	


/* Mobil - HP kalkulačka */

.lb-config-top {
grid-template-columns: 1fr;
}

.lb-config-model-image,
.lb-config-model-image img,
.lb-config-image-placeholder {
min-height: 210px;
}


	
/*  Mobile - Vyber bazenu Brand Intro , filtrace a seznam */	

#post-15 .NoMobile {
       display:none !important;
    }
	
/* Mobile - Pocitadlo filtrace */

.lb-countup-box {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap:0px;
    justify-content: space-between;
    margin: 15px 0;
    padding: 15px 15px;
    border-radius: 5px;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.88),
        rgba(248,250,252,0.72)
    );
    border: 1px solid rgba(22,64,109,0.14);
    box-shadow:
        0 14px 34px rgba(17,64,109,0.06),
        inset 0 1px 0 rgba(255,255,255,0.76);
border: solid 1px rgba(243, 211, 122, 1);
margin-top:20px;
}

.lb-countup-item {
    text-align: center;
}

.lb-countup-box .lb-countup-item {
flex: 0 0 calc(50% - 10px);
box-sizing: border-box;
border-radius:5px;
padding:10px;
width:100%;
border: 1px solid rgba(178, 119, 0, .28);
background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
box-shadow: 0 14px 32px rgba(17, 64, 109, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
}


.lb-countup-box .lb-countup-final-text {
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    margin-top: 15px;
border: 1px solid rgba(178, 119, 0, .28);
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
    box-shadow: 0 14px 32px rgba(17, 64, 109, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
}

.lb-countup-separator {
    display: none;
}

.lb-countup-number {
    display: block;
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #24313a;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8), 0px -1px 0px rgba(0, 0, 0, 0.7);
}

.lb-countup-label {
    display: block;
    margin-top: 8px;  
	font-size: 15px;
    font-weight: 600;
color: #24313a;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8), 0px -1px 0px rgba(0, 0, 0, 0.7);
letter-spacing: 0.05em;
word-break: normal;
}

.lb-countup-separator {
    width: 1px;
    height: 54px;
    background: rgba(22,64,109,0.18);
}

.lb-countup-final-text {
    width: 100%;
    text-align: center;
    margin-top: 8px;
    color: #b27700;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 1;
    transform: translateY(0);
     transition:
        opacity .65s ease,
        transform .65s ease,
        color .65s ease;
	}

/* Text během počítání */

/*
.lb-countup-final-text.is-counting {
    color: #16406d;
    opacity: .72;
    animation: lbCountingPulse 2s ease-in-out infinite;
}

*/

.lb-countup-final-text.is-counting {
	color: #1d3138;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8), 0px -1px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0 8px 22px rgba(17, 64, 109, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    padding: 15px 10px 10px 10px;
    border-radius: 5px;
    font-weight: 500;
    opacity: .72;
    animation: lbCountingPulse 2s ease-in-out infinite;
}

.lb-countup-final-text.is-changing {
    opacity: 0;
    transform: translateY(6px);
}

/* Finální text po dopočítání */
.lb-countup-final-text.is-visible  {
    opacity: 1;
    transform: translateY(0);
    animation: none;
    color: #17406d !important;
    filter: none !important;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8), 0px -1px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0 8px 22px rgba(17, 64, 109, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    padding: 15px 10px 10px 10px;
    border-radius: 5px;
    font-weight: 500;
}

@keyframes lbCountingPulse {
    0% {
        opacity: .55;
        transform: scale(0.99);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: .55;
        transform: scale(0.99);
    }
}

	


    .lb-countup-separator {
        display: none;
    }

    .lb-countup-item {
        width: 100%;
    }


/* Mobile - Filtr variant  START */

.lb-pool-listing {
    margin: 25px 0;
}
	
	.lb-pool-filter {
        position: relative;
        overflow: hidden;
        margin-bottom: 25px;
        padding: 0px;
        border-radius: 10px;
        background: transparent;
        border: transparent;
    }

.lb-pool-filter-header {padding-top:20px;} 

.lb-pool-filter-header p {display:none}
	
		    .lb-pool-filter::after {
        content: "";
        position: absolute;
        top: -80px;
        right: -80px;
        width: 240px;
        height: 240px;
        pointer-events: none;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(42, 191, 213, 0.18) 0%, rgba(42, 191, 213, 0.08) 35%, rgba(42, 191, 213, 0.00) 72%);
display:none;
    }


	
	
	.lb-filter-box {
        position: relative;
        border-radius: 10px;
        padding: 18px 18px 16px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.68) 100%);
        border: 1px solid #bd9455;
        box-shadow: 0 8px 22px rgba(17, 64, 109, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.72);
margin-bottom:20px;
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
	
	
	    .lb-range-values {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
        color: #234688;
    }
	
	    .lb-filter-box legend {
    padding: 0 8px;
    color: #1c3238;
    font-weight: 600;
    letter-spacing: .01em;
    font-size: 1.1em;
    margin-bottom:0px;
}
	
	    .lb-filter-box label {
        display: block;
        margin-bottom: 12px;
        font-weight: 500;
        color: #1c3238;
    }

	.lb-filter-box .lb-range-control {
border:1px solid rgba(188, 218, 228, 0.72);
margin-top:10px;
padding:10px;	
border-radius:5px;
background: linear-gradient(135deg, rgba(238, 250, 255, 0.82) 0%, rgba(255, 255, 255, 0.76) 45%, rgba(227, 246, 250, 0.72) 100%);

	}

/*
.lb-filter-box .lb-range-values + .lb-range-control {
background: #205a5a;
}

.lb-filter-box .lb-range-values + .lb-range-control + .lb-range-control {
background: #205a5a
}
	
	
	.lb-filter-box .lb-range-control:last-child label {
    text-align:right
}

*/
	
	.lb-filter-box input[type="range"] {
        width: 100%;
        display: block;
        margin: 8px 0;
    }


/* Filtr Range input barvy */

/* RANGE INPUT – jednoduchá a srozumitelná varianta */
.lb-filter-box input[type="range"] {
    width: 100%;
    xheight: 8px;
height: 35px;
    margin: 10px 0;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    cursor: pointer;
    padding: 20px 0px 20px 0px;

    --range-track: rgba(255, 255, 255, 0.88);
    --range-track-border: rgba(231, 174, 64, 0.28);
    --range-thumb: #1d3138;
    --range-thumb-border: #ffffff;
}

/* Chrome, Edge, Safari – celá dráha */
.lb-filter-box input[type="range"]::-webkit-slider-runnable-track {
    xheight: 8px;
	height: 35px;
    background: var(--range-track);
    border-radius: 999px;
    box-shadow:
        inset 0 0 0 1px var(--range-track-border),
        0 1px 4px rgba(0, 0, 0, 0.18);
}

/* Chrome, Edge, Safari – kolečko */
.lb-filter-box input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    margin-top: 6px;
    border-radius: 50%;
    background: var(--range-thumb);
    border: 3px solid var(--range-thumb-border);
    box-shadow:
        0 0 0 2px rgba(231, 174, 64, 0.45),
        0 4px 12px rgba(0, 0, 0, 0.25);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.lb-filter-box input[type="range"] {
    touch-action: pan-y;
}

.lb-filter-box input#lb-length-min::-webkit-slider-thumb, .lb-filter-box input#lb-width-min::-webkit-slider-thumb, .lb-filter-box input#lb-price-min::-webkit-slider-thumb {margin-left:5px;}
.lb-filter-box input#lb-length-max::-webkit-slider-thumb, .lb-filter-box input#lb-width-max::-webkit-slider-thumb, .lb-filter-box input#lb-price-max::-webkit-slider-thumb {margin-left:-5px;}





.lb-filter-box input[type="range"]:hover::-webkit-slider-thumb,
.lb-filter-box input[type="range"]:focus-visible::-webkit-slider-thumb {
    transform: scale(1.08);
    box-shadow:
        0 0 0 4px rgba(231, 174, 64, 0.28),
        0 4px 16px rgba(0, 0, 0, 0.28);
}

/* Firefox – celá dráha */
.lb-filter-box input[type="range"]::-moz-range-track {
    height: 8px;
    height:35px;
    background: var(--range-track);
    border-radius: 999px;
    box-shadow:
        inset 0 0 0 1px var(--range-track-border),
        0 1px 4px rgba(0, 0, 0, 0.18);
}

/* Firefox – zrušení barevného progressu */
.lb-filter-box input[type="range"]::-moz-range-progress {
    height: 8px;
    height:35px;
    background: var(--range-track);
    border-radius: 999px;
}

/* Firefox – kolečko */
.lb-filter-box input[type="range"]::-moz-range-thumb {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--range-thumb);
    border: 3px solid var(--range-thumb-border);
    box-shadow:
        0 0 0 2px rgba(231, 174, 64, 0.45),
        0 4px 12px rgba(0, 0, 0, 0.25);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.lb-filter-box input[type="range"]:hover::-moz-range-thumb,
.lb-filter-box input[type="range"]:focus-visible::-moz-range-thumb {
    transform: scale(1.08);
    box-shadow:
        0 0 0 4px rgba(231, 174, 64, 0.28),
        0 4px 16px rgba(0, 0, 0, 0.28);
}

/* Focus */
.lb-filter-box input[type="range"]:focus-visible {
    outline: 2px solid rgba(231, 174, 64, 0.65);
    outline-offset: 6px;
    border-radius: 999px;
}

/* Filtr Range input barvy END */

	
	.lb-filter-actions {
        align-items: center;
        gap: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: left;
        padding: 10px;
    }
	
	.lb-filter-reset {
        padding: 0px;
        border: none;
        border-radius: 10px;
        background: transparent;
        color: #000000;
        font-weight: 500;
        cursor: pointer;
        font-size: 14px;
    }

.lb-filter-actions button.lb-filter-reset:hover {background:transparent !important; color:#BD9456 !important;}

.lb-filter-reset i {margin-right:5px;}


/* Mobile - Filtr 1. spodni rychle zobrazeni  START */

.lb-filter-actions-found {

        text-align: center;
        margin-top: 25px;
        border-radius: 10px;
        padding: 15px 15px 15px;
        border: 1px solid rgba(188, 218, 228, 0.72);
        box-shadow: 0 8px 22px rgba(17, 64, 109, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.72);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.68) 100%);
        background: #205a5a;

    }



.Result-tbl-box {margin-top: 25px;border-radius:5px; border: 0px solid rgba(188, 218, 228, 0.72);}

.Result-tbl-box .Result-tbl {border-collapse:collapse;border-radius:5px;border:solid 0px;margin: 0px;}

.Result-tbl-box .Result-tbl td {font-size: 14px;width:50%;padding:0px;border:solid 0px;line-height:16px;vertical-align:middle}

.Result-tbl-box .Result-tbl td.lb-filter-count-info-td {
padding-right:5px;
    }
.Result-tbl-box .Result-tbl td.lb-filter-result-td {padding-left:5px;}

.Result-tbl-box .Result-tbl p {margin:0px;line-height:16px;}

p.lb-filter-count-info {
    color: #000000;
    font-size: 14px;
    border-radius: 5px;
border: solid 2px #16406d;
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
    background: linear-gradient(135deg, #ffffff, #fff7e6);
padding: 15px 0px 15px 0px;
    text-align: center;
    
    
}

p.lb-filter-count-info .lb-count-prefix,
p.lb-filter-count-info .lb-count-suffix {
        display: none;
    }

p.lb-filter-count-info .lb-count-number {font-size:16px;}
p.lb-filter-count-info .lb-count-number::before {
        content: "Nalezeno: ";
        font-size: 16px;
        margin-left: 4px;
    }

.Result-tbl-box .Result-tbl p.lb-filter-result-btn {
    color: #1d323a;
    font-size: 14px;
    border: solid 2px #bd9455;
    border-radius: 5px;
    background:linear-gradient(
        135deg,
        rgba(238, 250, 255, 0.82) 0%,
        rgba(255, 255, 255, 0.76) 45%,
        rgba(227, 246, 250, 0.72) 100%
    );
    text-align:center;
    font-weight:600;
    text-decoration:none;
    margin:0px;
    padding: 0px;
}

.Result-tbl-box .Result-tbl p.lb-filter-result-btn a {
	color: #1d323a;
    font-size: 14px;
    text-decoration:none;
display: block;
    padding: 16px 16px 15px 16px;
    font-weight:600;
transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
}

.Result-tbl-box .Result-tbl p.lb-filter-result-btn a:hover {background: #b27700;color:#FFFFFF}

	
	    #lb-filter-count {
        font-weight: 600;
        color: #000000;
        font-size: 24px;
        padding: 15px 15px;
        border-radius: 10px;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.72));
        border: 1px solid rgba(22, 64, 109, 0.14);
        box-shadow: 0 14px 34px rgba(17, 64, 109, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.76);
    }


h2#lb-filter-count .lb-count-prefix,
h2#lb-filter-count .lb-count-suffix {
        display: inline-block;
    }

	
	.lb-found-overview-list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 25px;
        padding: 0px;
    }
	
	    .lb-found-model {
        padding: 15px;
        background: #FFFFFF;
        border: solid 1px;
        border-radius: 10px;
        border-color: #b27700;
        box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
        width: 100%;
    }
	
	.lb-found-model h2 {
        position: relative;
        padding-bottom: 12px;
        font-size: 1.2em;
        font-weight: 600;
        display:none;
    }
	
	    .lb-found-model h2::after {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 2px;
        right: 0px;
        left: 0px;
        width: 100%;
        background: linear-gradient(to right, transparent, #234688 20%, #234688 80%, transparent);
    }
	
	    .lb-found-variants, .lb-found-variant {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
	
	    .lb-found-variant {
        background: #205a5a;
        margin-bottom: 20px;
        padding: 10px;
        border-radius: 5px;
        border: 2px solid #162d35;
        transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
        transition: 0.4s ease;
        text-decoration: none;
        color: #FFFFFF;
    }
	
	.lb-found-variant h3 {
        margin: 0px;
        padding-top: 0px;
        padding-bottom: 12px;
        position: relative;
        color: #FFFFFF;
        margin-bottom: 10px;
        font-size: 20px;
    }
	
	    .lb-found-variant h3:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
        pointer-events: none;
    }

    .lb-found-variant-meta, .lb-found-variant-price
 {
        text-decoration: none;
        font-size: 0.9em;
        color: #FFFFFF;
    }
	
	.lb-found-variant .lb-pool-variant-image {
        margin-top: 10px;
    }
	
	    .lb-found-variant .lb-pool-variant-image img {
        border-radius: 5px;
        border: solid 2px #FFFFFF;
    }
	
	.lb-pool-variant-image img {
        width: 100%;
        height: 165px;
        object-fit: cover;
    }

    .lb-found-variant p.lb-pool-button {
        padding: 8px;
        font-size: 15px;
        border-radius: 5px;
        margin-bottom: 0px;
        background: #FFFFFF;
        border: solid 2px;
    }
	
	.lb-found-variant .lb-pool-button:hover {
        background: #b27700;
        color:#FFFFFF;
        cursor: pointer;
    }

/* Mobile - Filtr 1. spodni rychle zobrazeni  END */



/* =========================================================
   Archivní / taxonomické stránky – bazénové řady, příslušenství
   Sdílené třídy pro /rady-bazenu/ i budoucí výpisy příslušenství
========================================================= */


#primary.lb-archive-page {margin:20px 20px 20px 20px;} 

.lb-archive-page {
    position: relative;
}

.lb-archive-page .grid-container {
    max-width: 1180px;
}

/* Hlavní bílý / glass box stránky */
.lb-archive-page .lb-rada-layout,
.lb-archive-page .lb-archive-layout {
    padding: 25px;
    border: 1px solid rgba(22, 64, 109, .12);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,252,255,.90));
}

/* Bez pravého sloupce – ideální šířka obsahu */
.lb-archive-page.no-rada-sidebar .lb-rada-layout,
.lb-archive-page.no-rada-sidebar .lb-archive-layout {
    display: block;
}

/* Breadcrumbs */
.lb-rada-breadcrumbs,
.lb-archive-breadcrumbs {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(22, 64, 109, .22);
    font-size: 14px;
}

/* Header řady */
.lb-rada-header,
.lb-archive-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 34px;
    align-items: center;
    margin: 0 0 34px;
    padding: 25px;
    border: 1px solid rgba(178,119,0,.24);
    border-radius: 10px;
    background:
        radial-gradient(circle at 100% 0%, rgba(231,174,64,.12), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(246,251,253,.90));
    box-shadow:
        0 12px 28px rgba(17,64,109,.06),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.lb-rada-header h1,
.lb-archive-header h1 {
    margin: 0 0 14px;
    color: #24313a;
    font-size: clamp(26px, 3vw, 36px);
    line-height: 1.08;
    letter-spacing: .01em;
}

.lb-rada-intro,
.lb-archive-intro {
    color: #24313a;
    font-size: 18px;
    line-height: 1.65;
    font-weight:600;
}

.lb-rada-intro p,
.lb-archive-intro p {
    margin: 0 0 12px;
}

.lb-rada-image,
.lb-archive-image {
    padding: 15px;
    border: 1px solid rgba(178,119,0,.35);
    border-radius: 10px;
    background: rgba(255,255,255,.78);
    box-shadow:
        0 12px 24px rgba(17,64,109,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.lb-rada-img,
.lb-archive-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

/* Výhody / textové sekce */
.lb-rada-benefits,
.lb-rada-bottom-content,
.lb-archive-section {
    margin: 0 0 25px;
    padding: 25px 25px;
    border: 1px solid rgba(22,64,109,.14);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(249,253,255,.90));
    box-shadow: 0 12px 28px rgba(17,64,109,.06);

}

.lb-rada-benefits h2,
.lb-rada-bottom-content h2,
.lb-archive-section h2,
.lb-rada-models h2 {
    margin: 0 0 18px;
    color: #16406d;
    font-size: clamp(26px, 2.3vw, 26px);
    line-height: 1.16;
}

.lb-rada-benefits-content,
.lb-rada-bottom-content,
.lb-archive-section {
    color: #24313a;
    font-size: 17px;
    line-height: 1.7;
}

/* Sekce modelů */
.lb-rada-models,
.lb-archive-listing {
    margin: 0 0 34px;
}

.lb-rada-models > h2,
.lb-archive-listing > h2 {
    margin-bottom: 22px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(178,119,0,.25);
}

/* Grid karet */
.lb-archive-grid,
.lb-rada-models-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

/* Karta */
.lb-archive-card,
.lb-rada-model-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(178,119,0,.28);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,250,239,.82));
    box-shadow:
        0 14px 32px rgba(17,64,109,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease;
}

.lb-archive-card:hover,
.lb-rada-model-card:hover {
    transform: translateY(-3px);
    border-color: rgba(178,119,0,.48);
    box-shadow:
        0 18px 38px rgba(17,64,109,.13),
        inset 0 1px 0 rgba(255,255,255,.95);
}

.lb-archive-card-image,
.lb-rada-model-image {
    display: block;
    padding: 14px 14px 0;
    text-decoration: none;
}

.lb-archive-card-img,
.lb-rada-model-img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    border: 1px solid rgba(22,64,109,.08);
    border-radius: 10px;
    background:
        radial-gradient(circle at 50% 35%, rgba(255,255,255,.96), rgba(244,248,250,.88));
}

/* Obsah karty */
.lb-archive-card-content,
.lb-rada-model-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px 20px 20px;
}

.lb-archive-card-content h3 {
    margin: 0 0 10px;
    color: #16406d;
    font-size: 16px;
    line-height: 1.18;
}

.lb-rada-model-content h3 {
    margin: 0 0 10px;
    color: #16406d;
    font-size: 24px;
    line-height: 1.18;
    font-family: 'Serif';
}

.lb-archive-card-content h3 a 
 {
    color: inherit;
    text-decoration: none;
    font-weight:600;
    font-family: 'Montserrat';
    font-weight:500;
}

.lb-rada-model-content h3 a {
    color: inherit;
    text-decoration: none;
    font-weight:600;
    font-family: 'Serif';
}

.lb-archive-card-content h3 a:hover,
.lb-rada-model-content h3 a:hover {
    color: #b27700;
}

.lb-archive-card-desc,
.lb-rada-model-desc {
    margin: 0 0 16px;
    color: #2f3a40;
    font-size: 15px;
    line-height: 1.55;
}

/* Varianty / rozměry */
.lb-rada-model-variants,
.lb-archive-card-meta {
    margin: 14px 0 18px;
}

.lb-rada-model-variants strong,
.lb-archive-card-meta strong {
    display: block;
    margin-bottom: 9px;
    color: #24313a;
    font-size: 14px;
}

.lb-archive-pill-list,
.lb-rada-model-variant-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.lb-archive-pill,
.lb-rada-model-variant-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 6px 11px;
    border: 1px solid rgba(178,119,0,.32);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(255,246,225,.86));
    color: #16406d;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.15;
    text-decoration: none;
    box-shadow:
        0 4px 10px rgba(17,64,109,.06),
        inset 0 1px 0 rgba(255,255,255,.88);
}

.lb-archive-pill:hover,
.lb-rada-model-variant-pill:hover {
    color: #0b3447;
    border-color: rgba(178,119,0,.55);
    background:
        linear-gradient(135deg, #ffffff, #fff1cf);
}

/* Button */
.lb-archive-button,
.lb-rada-model-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin-top: auto;
    padding: 10px 16px;
    border: 1px solid rgba(231,174,64,.42);
    border-radius: 10px;
    background:
        linear-gradient(135deg, #16406d, #205a5a);
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    box-shadow:
        0 6px 14px rgba(17,64,109,.18),
        inset 0 1px 0 rgba(255,255,255,.16);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease;
display:none;
}

.lb-archive-button:hover,
.lb-rada-model-button:hover {
    color: #fff;
    transform: translateY(-1px);
    background:
        linear-gradient(135deg, #205a5a, #16406d);
    box-shadow:
        0 8px 18px rgba(17,64,109,.22),
        inset 0 1px 0 rgba(255,255,255,.18);
}

/* =========================================================
   Responzivita
========================================================= */

@media (max-width: 1180px) {
    .lb-archive-grid,
    .lb-rada-models-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .lb-rada-header,
    .lb-archive-header {
        grid-template-columns: 1fr;
    }

    .lb-rada-image,
    .lb-archive-image {
        max-width: 320px;
    }
}

@media (max-width: 640px) {
    .lb-archive-page .lb-rada-layout,
    .lb-archive-page .lb-archive-layout {
        padding: 18px;
        border-radius: 10px;
    }

    .lb-rada-header,
    .lb-archive-header,
    .lb-rada-benefits,
    .lb-rada-bottom-content,
    .lb-archive-section {
        padding: 18px;
        border-radius: 10px;
    }

    .lb-archive-grid,
    .lb-rada-models-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .lb-archive-card-content,
    .lb-rada-model-content {
        padding: 15px;
    }

    .lb-archive-card-content h3 {
        
    }

    .lb-rada-intro,
    .lb-archive-intro,
    .lb-rada-benefits-content,
    .lb-rada-bottom-content,
    .lb-archive-section {
        font-size: 16px;
    }

    .lb-archive-button,
    .lb-rada-model-button {
        width: 100%;
    }
}


.lb-archive-card-price,
.lb-prislusenstvi-card-price {
    margin: 0 0 12px;
    color: #b27700;
    font-size: 15px;
    font-weight: 600;
    display:none;
}

.lb-prislusenstvi-card .lb-api-box {
    margin: 12px 0;
    font-size: 12px;
}

/* =========================================================
   Rozcestník příslušenství
========================================================= */

.lb-accessory-landing {
    margin: 34px 0;
}

.lb-accessory-landing-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
}

.lb-accessory-group-block {
    overflow: hidden;
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-6.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.lb-accessory-group-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 260px;
    gap: 25px;
    align-items: flex-start;
}

.lb-accessory-group-header h2 {
    margin: 0 0 14px;
    color: #16406d;
    font-size: clamp(27px, 2.6vw, 32px);
    line-height: 1.12;
}

.lb-accessory-group-desc {
    color: #24313a;
    font-size: 17px;
    line-height: 1.65;
    font-weight:600;
}

.lb-accessory-group-desc p {
    margin: 0 0 12px;
}

.lb-accessory-group-button {
    margin-top: 10px;
}

.lb-accessory-group-image {
    padding: 14px;
    border: 1px solid rgba(178,119,0,.28);
    border-radius: 10px;
    background: rgba(255,255,255,.82);
    box-shadow:
        0 10px 22px rgba(17,64,109,.06),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.lb-accessory-group-image a {
    display: block;
}

.lb-accessory-group-img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    border-radius: 10px;
}

.lb-accessory-items-preview {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid rgba(178,119,0,.22);
}

.lb-accessory-items-preview h3 {
    margin: 0 0 14px;
    color: #24313a;
    font-size: 20px;
    line-height: 1.2;
    font-weight:600
}

.lb-accessory-items-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.lb-accessory-item-link {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 15px 15px;
    border: 1px solid rgba(22,64,109,.12);
    border-radius: 10px;
    background:
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(250,253,255,.88));
    color: #16406d;
    text-decoration: none;
    box-shadow:
        0 5px 12px rgba(17,64,109,.04),
        inset 0 1px 0 rgba(255,255,255,.86);
}

x.lb-accessory-item-link:hover {
    border-color: rgba(178,119,0,.36);
    background:
        linear-gradient(135deg, #ffffff, #fff7e6);
}

.lb-accessory-item-name {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
}

.lb-accessory-item-price {
    color: #b27700;
    font-size: 13px;
    font-weight: 600;
display:none;
}

.lb-accessory-more-link {
    margin: 16px 0 0;
}

.lb-accessory-more-link a {
    color: #b27700;
    font-weight: 600;
    text-decoration: none;
}

.lb-accessory-more-link a:hover {
    color: #16406d;
}


.lb-accessory-item-static {
    cursor: default;
    text-decoration: none;
}

.lb-accessory-item-static:hover {
    transform: none;
}

.lb-accessory-related-articles {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid rgba(178, 119, 0, .22);
}

.lb-accessory-related-articles h3 {
    margin: 0 0 18px;
    color: #16406d;
    font-size: clamp(21px, 2vw, 28px);
    line-height: 1.2;
}

.lb-accessory-related-articles-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.lb-accessory-related-article-card {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 20px;
    padding: 15px;
    border: 1px solid rgba(34, 87, 103, .14);
    border-radius: 10px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 10px 25px rgba(22, 64, 109, .07);
}

.lb-accessory-related-article-image {
    display: block;
    overflow: hidden;
    border-radius: 12px;
}

.lb-accessory-related-article-img {
    display: block;
    width: 100%;
    height: 110px;
    object-fit: cover;
}

.lb-accessory-related-article-content {
    min-width: 0;
}

.lb-accessory-related-article-title {
    margin: 0 0 8px;
    line-height: 1.25;
font-weight:600
}

.lb-accessory-related-article-title a {
    color: #16406d;
    text-decoration: none;
}

.lb-accessory-related-article-title a:hover {
    color: #b27700;
}

.lb-accessory-related-article-excerpt {
    margin: 0 0 12px;
    color: #1d3138;
    font-size: 15px;
    line-height: 1.45;
}

.lb-accessory-related-article-link {
    display: inline-flex;
    align-items: center;
    color: #b27700;
    font-weight: 500;
    text-decoration: none;
}

.lb-accessory-related-article-link:hover {
    color: #16406d;
}



/* Responzivita */
@media (max-width: 900px) {
    .lb-accessory-group-header {
        grid-template-columns: 1fr;
    }

    .lb-accessory-group-image {
        max-width: 320px;
    }
	
  .lb-accessory-related-articles-list {
        grid-template-columns: 1fr;
    }	
	
}

@media (max-width: 640px) {
    .lb-accessory-items-list {
        grid-template-columns: 1fr;
    }

    .lb-accessory-group-header h2 {
        font-size: 26px;
    }

    .lb-accessory-group-desc {
        font-size: 16px;
    }
	
    .lb-accessory-related-article-card {
        grid-template-columns: 1fr;
    }

    .lb-accessory-related-article-img {
        height: auto;
        max-height: 220px;
    }	
	
}




	
/* Mobile - Filtr 2. spodni detailni zobrazeni - asi NEPOUZITO START */

.lb-pool-results {
        display: grid;
        gap: 25px;
        display:none !important;
    }
	
	    .lb-pool-card {
        overflow: hidden;
        border: 1px solid #dce8ef;
        border-radius: 10px;
        background: rgba(255, 255, 255, .92);
        box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
        margin-top: 25px;
    }
	
.lb-pool-main {
        display: grid;
grid-template-columns: 1fr;
        gap: 25px;
        padding: 15px;
        border-bottom: 1px solid #edf3f7;
        background: #205a5a;
    }	
	
	.lb-pool-main-image img {
        width: 100%;
        height: 190px;
        object-fit: cover;
        border-radius: 10px;
        border: solid 2px #FFFFFF;
    }
	
	.lb-pool-main-content {
        position: relative;
    }
	
	.lb-pool-model-name {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
	
	.lb-pool-main-content h2 {
        position: relative;
        padding-bottom: 12px;
        color: #FFFFFF;
    }
	
	.lb-pool-main-content h2::after {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 2px;
        right: 0px;
        left: 0px;
        width: 100%;
       background: linear-gradient(90deg, rgba(243, 211, 122, 0.95), transparent);
        pointer-events: none;
    }
	
	    .lb-pool-series {
        margin-bottom: 8px;
        padding: 5px 10px;
        border-radius: 5px;
        background: #b27700;
        color: #000000;
        font-size: 13px;
        font-weight: 600;
        filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 8px rgba(243, 211, 122, 0.28)) drop-shadow(0 0 15px rgba(42, 191, 213, 0.10));
        transition: filter 0.35s ease, transform 0.35s ease, opacity 0.35s ease;
text-align:center;
    }
	
	.lb-pool-main-content p {
        color: #FFFFFF;
    }
	
	.lb-pool-detail-link {
        transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
        display: block;
        width: 100%;
        margin-top: 0px;
        background-color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        cursor: pointer;
        border: solid 1px #234688;
        background: #FFFFFF;
        color: #000000;
        border-color: #b27700;
        box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
        margin-top: 20px;
        padding: 8px;
        font-size: 15px;
        border-radius: 5px;
        margin-bottom: 0px;
        cursor: pointer;
    }
	
	    .lb-pool-variants {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
        gap: 15px;
        padding: 15px;
        justify-items: center;
        background: #205a5a;
    }
	
	    .lb-pool-variant {
        display: flex;
        flex-direction: column;
        border: 1px solid #dce8ef;
        border-radius: 10px;
        background: #fff;
        overflow: hidden;
        width: 100%;
    }
	
	
	.lb-pool-variant-content {
        display: flex;
        flex-direction: column;
        flex: 1;
        padding: 18px;
        padding-top: 7px;
    }
	
	    .lb-pool-badge {
        display: inline-flex;
        padding: 4px 9px;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 700;
        background: #e8f5f8;
        color: #00798a;
    }
	
	
	    .lb-pool-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 10px;
    }
	
	
	    .lb-pool-variant-content h3 {
        margin-bottom: 0px;
        position: relative;
        padding: 12px;
text-align:center;

    }
	
	.lb-pool-variant-content h3::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
        pointer-events: none;
    }
	
	    .lb-pool-variant-content h3::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
        pointer-events: none;
    }
	
.lb-pool-params {
        margin: 12px 0;
        padding-left: 18px;
        font-size: 14px;
    }	
	
	.lb-pool-price {
        margin-top: auto;
        padding-top: 12px;
    }
	
	.lb-pool-price-old {
        display: block;
        margin-bottom: 3px;
        opacity: .6;
        text-decoration: line-through;
        font-size: 16px;
    }
	
	    .lb-pool-price strong {
        display: block;
        color: #b27700;
        font-size: 16px;
    }
	
	    .lb-pool-price small {
        display: block;
        margin-top: 5px;
        opacity: .75;
    }
	
	.lb-pool-button {
        transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        cursor: pointer;
        border-color: #b27700;
        box-shadow: 0 8px 25px rgba(254, 193, 7, .18);
        margin-top: 20px;
        padding: 8px;
        font-size: 15px;
        border-radius: 5px;
        margin-bottom: 0px;
        background: #FFFFFF;
        border: solid 2px;
    }
	
	
	    .lb-no-results {
        padding: 30px;
        border-radius: 10px;
        background: #fff;
        text-align: center;
        box-shadow: 0 10px 28px rgba(0, 0, 0, .06);
        margin-top: 30px;
    }
	
/* Mobile - Filtr 2. spodni detailni zobrazeni END */



/* OPEN CLOSE Funkce START */

.Action-Open-Close {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    user-select: none;
    border: solid 0px #000000;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
    background: transparent;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right bottom;
    margin-bottom: 30px;
    border-radius: 10px;
    padding: 18px 15px 15px 15px;
}

.Action-Open-Close .OpenSection {
    margin-left: auto;
    font-size: 18px;
    font-family: inherit;
    font-weight: 500;
    color: #234688;
    text-transform: none;
}

.Action-Open-Close .lb-summary-icon-close {
    display: none;
}

.Action-Open-Close.is-open .lb-summary-icon-open {
    display: none;
}

.Action-Open-Close.is-open .lb-summary-icon-close {
    display: inline-flex;
}

.OpenClose[hidden] {
    display: none !important;
}

/* OPEN CLOSE Funkce END */	



/* Sidebar a footer – START Mobil */

.separate-containers .inside-left-sidebar,
.separate-containers .inside-right-sidebar {
  padding-right: 0;
}

.inside-footer-widgets {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

#footer-widgets {
  min-height: auto;
  background-size: cover;
}

.footer-widget-1,
.footer-widget-2,
.footer-widget-3,
.footer-widget-4 {
  padding: 15px;
}

.inside-footer-widgets>div:not(:last-child) {
        margin-bottom: 0px;
    }

/* HP Footer box Mobile */

   #footer-widgets .footer-widgets-container {
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 15px;
    }

#footer-widgets {
background-color: transparent;
background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/footer_bg.jpg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;	
min-height: 500px;
border-bottom:solid 1px #FFFFFF;
}

.inside-footer-widgets {
    display: flex;
    gap: 30px;
    margin-left:0px !important;
}

.footer-widget-1, .footer-widget-2 {
    background: rgba(35, 70, 136,0.5);
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
    margin-bottom: 0px;
}

.footer-widget-3, .footer-widget-4 {
    background: rgba(35, 70, 136,0.5);
    padding: 15px 15px 15px 15px;
    border-radius: 10px;
}

.footer-widget-3 aside.widget {padding:0px 0px 0px 0px; margin:0px 0px 15px 0px;width:100%;}	
.footer-widget-3 aside.widget .action-url-btn {padding:0px 0px 0px 0px;width:100%}

.site-footer {position:relative;}

.site-footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 1.35), rgba(243, 211, 122, 1.95), rgba(180, 126, 32, 1.35), transparent);
    pointer-events: none;
}

.site-footer .footer-widgets-container .inner-padding {
    padding: 0px 0px 0px 0px;
}

.site-footer .footer-widgets-container .inner-padding h2 {
    color: #FFFFFF;
font-weight:600;
    padding: 20px;
    border-radius: 10px;
    font-size: 30px;
justify-content: space-between;
    align-items: center;
padding-top:22px;
}

.site-footer .footer-widgets-container .inner-padding p {display:none;}


.footer-widget-4 ul li a {position:relative;padding-left:20px;display:block}

.footer-widget-4 ul li a::before {
    content: "\f35a";
    font-family: "Font Awesome 6 Free";
    font-weight: 500;
    position: absolute;
    left: 0;
    font-size: 13px;
    top: 3px;
}

/* Google Seznam Footer - Nastavení pro celý nadpis H2 */
h2.google-review-title {
  font-family: 'Cinzel', serif !important;
  color: #000000 !important;
background:url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Google-zakaznicke-recenze-footer.png) 90% 20px / 110px no-repeat, linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
    }

h2.seznam-review-title {
  font-family: 'Cinzel', serif !important;
  color: #000000 !important;
background:url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Seznam-zakaznicke-recenze-footer.png) 90% 22px / 130px no-repeat, linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
    }

 #footer-widgets .ti-widget.ti-goog .ti-widget-container {
    padding: 25px !important;
    background: #FFFFFF;
    border-radius: 10px;
}

#footer-widgets .ti-footer.ti-footer-grid.source-Google {
margin-top:0px !important;

    padding: 20px;
    border-radius: 10px;
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/widget-pattern-dottie.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
background-color: #FFFFFF;

}

#footer-widgets .ti-widget.ti-goog .ti-controls-line  {
    display: block;
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
    width: 100%;
    height: 5px;
    background-color: #b27700;
    box-shadow: inset 0 0 0 1px #333;
}

#footer-widgets .ti-widget.ti-goog .ti-controls-line .dot {background:#b27700}


#footer-widgets .Seznam-Firmy-Recenze iframe {
    padding: 0px !important;
    background: #FFFFFF;
    border-radius: 10px;
}

footer.site-info .footer-bar p {margin-bottom:8px; line-height: 30px;color:#FFFFFF;}
footer.site-info .copyright-bar {color:#FFFFFF;}


/* Sidebar a footer – END Mobil */


/* Odborny poradce - right widget */

.separate-containers .inside-left-sidebar, .separate-containers .inside-right-sidebar {padding-right:15px;padding-left:15px}

.sidebar .inside-right-sidebar .widget {
    border: solid 1px #b27700;
    border-radius: 10px;
    padding:25px;
}


.sidebar .inside-right-sidebar .widget .wp-widget-group__inner-blocks
{
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/widget-pattern-dottie.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.wp-block-search__inside-wrapper .wp-block-search__input {
background:#FFFFFF;border:solid 2px #01a3bc;color:#FFFFFF
}

.wp-block-search__inside-wrapper button {background:#215766;border:solid 2px #234687;color:#FFFFFF}

.inside-right-sidebar h2.wp-block-heading {font-weight: 500;font-size:24px;}

.inside-right-sidebar h2.wp-block-heading a {position:relative;padding-left:0px;display:block;text-decoration:none}

.inside-right-sidebar h2.wp-block-heading a::before {

}


.inside-right-sidebar h2.wp-block-heading a:hover {}

.inside-right-sidebar aside ul li {
    margin-bottom: .8em;
}

.inside-right-sidebar aside ul.page-list  li a {

position:relative;
display: block;
padding-left:20px;
}

.inside-right-sidebar aside ul.page-list  li a::before {
    content: "\f35a";
    font-family: "Font Awesome 6 Free";
    font-weight: 500;
    position: absolute;
    left: 0;
    font-size: 13px;
    top: 3px;
}

.inside-right-sidebar aside ul.page-list  li a:hover {color:#000000}

.inside-right-sidebar aside ul.page-list li.current_page_item > a {
    font-weight: 500;
}

.inside-right-sidebar aside p.Poradce-more {
text-align:right;
color:#000000;
}

.inside-right-sidebar aside p.Poradce-more a {
text-align:right;
color:#000000;
position:relative;
font-size:90%;
padding-left:20px;
}

.inside-right-sidebar aside p.Poradce-more a::before {
    content: "\f35a";
    font-family: "Font Awesome 6 Free";
    font-weight: 500;
    position: absolute;
    left: 0;
    font-size: 13px;
    top: 1px;
}

/* Consent mobile */

.cky-revisit-bottom-left {
    bottom: 11px !important;
    left: 5px !important;
z-index:1 !important;
}

.cky-btn-revisit-wrapper {
width: 25px !important;
    height: 25px !important;
}

.cky-btn-revisit-wrapper .cky-btn-revisit img
Specificity: (0,2,1)
 {
    max-width: fit-content;
    margin: 0;
    height: 20px !important;
    width: 20px !important;
}



/* Přehled velikostí pill - nepouzito */	
	
.lb-variant-preview-pill {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 15px;
    border-radius: 10px;
    background: #FFFFFF;
    color: #16406d;
    text-decoration: none;
    border: 1px solid #b27700;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
    transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
	width: 100%;	}


/* Obchodni stitky - nepouzito Start */

.lb-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 12px;
  position:absolute;
left: 10px;
    top: 9px;
display:none !important;
}

.lb-badge,
.lb-meta-pill {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  background: #e8f5f8;
  color: #00798a;
  border:solid 1px #000000;
}

.lb-badge-akce {
  background: #fff0e6;
  color: #b45309;
}

.lb-badge-sleva {
  background: #ffe4e6;
  color: #be123c;
}

.lb-badge-tip,
.lb-badge-doporucujeme {
  background: #e6f7ed;
  color: #047857;
}

.lb-badge-top-volba {
  background: #e8edff;
  color: #1d4ed8;
}

/* Obchodni stitky - nepouzito End  */

/* Mapa webu AIOSEO  */

    .aioseo-html-sitemap {
        display: flex;
        gap: 15px;
flex-wrap: wrap;
    }

.aioseo-html-sitemap div {
        flex: 1;
        padding: 15px;
        border: solid 1px #000000;
        border-radius: 5px;
    }

.aioseo-html-sitemap div h2 {font-weight:600;font-size:18px !important;}

.aioseo-html-sitemap div ul {margin-left:5px}
.aioseo-html-sitemap div ul li>ul {margin-left: 0px;
    margin-top: 10px;}


.hustle-ui .hustle-layout .hustle-content {
background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Bazeny-tyrkys-bg-02.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;

}

/* =========================================================
   2) TABLET A VĚTŠÍ MOBIL NA ŠÍŘKU
   ========================================================= */
@media (min-width: 768px) {
	
/* Header - Navigace  */
	
body.wp-singular {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
  }	

.main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
        margin: 0px;
        padding: 0px;
    }	
	
.top-bar {
   background-color: transparent;
    color: #ffffff;
    width: 60px;
    position: absolute;
    z-index: 9999;
    right: 20px;
    top: 20px;
    margin: 0px;
    padding: 0px;
    }	
	
.site-header .header-widget {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }	

.inside-header {
     padding:15px 15px 15px 15px;
	align-items: flex-start;
}	

#masthead.site-header .site-logo {display:none}

#site-navigation.main-navigation {
margin-top: 0px;
margin-bottom: 15px;
}

	
#breadcrumbs {
    padding: 12px 16px 8px 28px;
    color: #000000;
    background: #FFFFFF;
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid 1px #234688;
    font-size: 14px;
    margin: 15px 15px 0px 15px;
}	
	
	
body.home #page .inside-article	 {
padding-top:0px;
padding-bottom: 20px;
background-color:#fefaee;
}
	


.Intro-welcome-box {
position: relative;
top: auto;
left: auto;
right: auto;
padding: 0px 15px 0px 15px;
font-size: 16px;
background:#fdf8e5;
}
		
	
x.Intro-welcome-box::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
    display:none
}
	

#main .Intro-welcome-box h1 {color: #1d3138;}	
	

.Intro-welcome-box h1 {
  font-size: 28px;
  line-height: 1.22;
  padding: 15px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
}
	
.Intro-welcome-box h1::after {display:none}		
	

.Intro-welcome-box p {
  font-size: 18px;
  line-height: 1.45;
color:#FFFFFF;
}

figure.wp-block-pullquote.HP-Intro-Slogan {
    box-sizing: border-box;
    margin: 0 0 0em;
    overflow-wrap: break-word;
    padding: 50px 0px 50px 0px;
    text-align: center;
    background-repeat: repeat;
    background-position: center;
    background-size: auto;
}	
	
figure.wp-block-pullquote.HP-Intro-Slogan::after {display:none;box-shadow:difference}
	
	
.Hp-Intro-Slogan-Nav {

        background-color: #215766;
        border-radius: 0px;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        border-top: solid 2px rgba(243, 211, 122, 1);
        border-bottom: solid 2px rgba(243, 211, 122, 1);
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
    }

	
	x.Hp-Intro-Slogan-Nav .Comfort-Best-Texts {background:none}
	
	
	p.Slogan-stavba-bazenu {
    box-sizing: border-box;
    margin: 0 0 0em;
    overflow-wrap: break-word;
    padding: 0px 0px 15px 0px;
    text-align: center;
    position:relative;
    font-size:1.1em;
    font-weight:600;
    background: transparent;
    color: #1d3138;
    margin-left:0px;
    margin-right:0px;
    border:solid 0px;
}	
p.Slogan-stavba-bazenu strong {font-weight:600 !important;}
	
	
	.separate-containers .comments-area,
  .separate-containers .inside-article,
  .separate-containers .page-header,
  .separate-containers .paging-navigation {
    padding: 25px 25px 0;
  }
	
/* Comfort Best HP a Vyber - Tablet */
	
.inside-article .Comfort-Best-Intro {
    border: solid 0px #000000;
    margin-bottom: 15px;
    border-radius: 10px;
    padding: 25px 25px 25px 25px;
    background: #205a5a;
    border-radius: 10px;
    border: solid 2px rgba(243, 211, 122, 1);
    gap: 25px;
    color: #FFFFFF;
}	

/* Konstrukce a zabudovani 2 sloupce - Tablet */
	
#konstrukce-zabudovani	{
       background-color: #215766;
        border-radius: 0px;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        border-top: solid 2px rgba(243, 211, 122, 1);
        border-bottom: solid 2px rgba(243, 211, 122, 1);
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
        border-top: solid 2px rgba(243, 211, 122, 1);
        border-bottom: solid 2px rgba(243, 211, 122, 1);
}

section#konstrukce-zabudovani .wp-block-group__inner-container {padding: 0px 0px 0px 0px;margin:0px auto 0px auto;background:transparent}	
	
	
#konstrukce-zabudovani .konstrukce-zabudovani-tbl {margin:0px 0px 0px 0px;padding:0px 0px 25px 0px;gap:25px;}	
	

#konstrukce-zabudovani .HP-zabudovani-clmn .zabudovani-images {
    display: flex;
    flex-direction: row;
align-items: stretch;
gap:20px;
xflex-wrap: wrap;
}	
	
	
/* Detail bazenu - Tablet */
	
/* Nadpis H1 Bazen a Logo Best - Intro Snippet - Tablet  */	
	
 .Title-Brand-box {
        display: block;
        align-items: center;
        justify-items: center;
        margin: 0 0 20px;
        padding: 20px;
        border: 1px solid #b27700;
        border-radius: 10px;
        background: radial-gradient(circle at 100% 0%, rgba(231, 174, 64, .12), transparent 32%), linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(246, 251, 253, .90));
        box-shadow: 0 12px 28px rgba(17, 64, 109, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }
	

	
.Title-Brand-box .Title-pool-h1 {
display:flex;
	flex: 0 0 calc(66.666% - 10px);
        max-width: calc(66.666% - 10px);
align-items: center;
        justify-content: center;
}

x.lb-bazen-series-box {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    padding: 8px 14px;
    border: 1px solid #b27700;
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 8px 22px rgba(17,64,109,.06);
    flex: 0 0 calc(33.333% - 10px);
    max-width: calc(33.333% - 10px);

}		
	
.lb-bazen-image-text {margin-bottom:30px;}	

.lb-bazen-konfigurace-intro .lb-bazen-image-text  {
        flex-direction: row; 
        justify-content: space-between;
    }


.lb-bazen-konfigurace-intro .lb-bazen-image-text  .lb-bazen-model-image {
        flex: 0 0 calc(33.333% - 10px);
        max-width: calc(33.333% - 10px);
    }


x.lb-bazen-konfigurace-intro .lb-bazen-image-text  > div:not(.lb-bazen-model-image) {
        flex: 0 0 calc(66.666% - 10px);
        max-width: calc(66.666% - 10px);
    }
	
.lb-bazen-konfigurace-intro .lb-bazen-short-description {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
padding: 20px 20px 20px 20px;
gap:0px;
}	
	
.lb-bazen-konfigurace-intro .lb-bazen-short-description .lb-bazen-series-box {
    display: flex;
    gap: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #b27700;
    border-radius: 10px;
    background: transparent;
    box-shadow: 0 8px 22px rgba(17, 64, 109, .4);
    flex-direction: column;
    max-width: 170px;
    align-items: center;
}

.lb-bazen-konfigurace-intro .lb-bazen-short-description .lb-bazen-series-box .lb-bazen-series-content {display:none}	
	
	
	.lb-model-barvy-gallery .lb-gallery-item {
    margin-bottom: 0px;
    border-bottom: solid 0px;
    padding-bottom: 0px;
}

.lb-model-barvy-gallery .lb-color-gallery-caption {
    margin-top: 10px;
    color: #1d3138;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
}

.lb-model-barvy-gallery .lb-color-gallery-caption::before {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    margin: 0 auto 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(178,119,0,.25), rgba(231,174,64,.85), rgba(178,119,0,.25));
}	
	
.poradce-articles {text-align:right;margin-top:25px}	
	
	/* Detail bazenu - Tablet END */
	

/* Bazeny Filtrace Page - Tablet */
	

  .lb-config-top {
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  .lb-countup-box {
    padding: 15px 15px;
background: linear-gradient(135deg, #253f47 0%, #0d6f7d 100%);
  }

  .lb-variant-preview-pill {
    display: flex;
    gap: 5px;
    max-width: 320px;
  }


  .lb-pool-filter::after {
    content: none;
  }

  .lb-found-model h2::after {
    content: none;
  }

  .lb-pool-main-content h2::after {
    content: none;
  }

  .lb-pool-variant-content h3::before {
    content: none;
  }

  .lb-pool-variant-content h3::after {
    content: none;
  }



  .HP-Galleries {
    padding: 25px 25px 25px 25px;
    margin:0px 0px 0px 0px;
    gap:25px
  }

  .lb-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lb-varianty-grid,
  .lb-prislusenstvi-grid,
  .bazen-varianty-grid,
  .prislusenstvi-grid {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
	
	.lb-prislusentvi-image-text-box {
    display: flex;
    gap: 10px;
    flex-direction: row;
    padding-bottom:20px;
}


article .Clmn-border ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0px;
}

article .Clmn-border ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 9px;
    font-size: 17px;
    line-height: 1.55;
    color: #3c3c3c;
}
	
/* Konstrukce Zabudovani - Tablet */		
	
section#konstrukce-zabudovani {
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
    background: #fefaee;
    padding: 15px 0px 0px 0px;
}		
	
section#konstrukce-zabudovani .HP-konstrukce-clmn
 {
    background: #205a5a;
    padding: 10px 25px 25px 25px;
    color: #1d3138;
    border: 2px solid rgba(240, 184, 62, 1);
    border-radius: 10px;
    box-shadow: 0 12px 26px rgba(29, 49, 56, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}	
	
section#konstrukce-zabudovani .HP-zabudovani-clmn {
    background: #205a5a;
    padding: 10px 25px 25px 25px;
    color: #1d3138;
    border: 2px solid rgba(240, 184, 62, 1);
    border-radius: 10px;
    box-shadow: 0 12px 26px rgba(29, 49, 56, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}	
	
	
/* Company Info 2 Boxy - Tablet */	
	
section#bio-nano-tech {
    padding: 25px 0px 0px 0px;
    background: #fefaee;
}	

section#bio-nano-tech .HP-Company-Info {
    position: relative;
    padding: 0px 0px 0px 0px;
    background: transparent;
    gap: 25px;
    margin: 0px 0px 0px 0px;
}

section#bio-nano-tech .HP-Company-Info-Box {
    padding: 25px 25px 25px 25px;
    margin-bottom: 30px;
    background:#205a5a
}	
	
section#bio-nano-tech .HP-Company-Info-Box h2 {
    font-weight: 600;
    text-align: left;
    position: relative;
    background: transparent;
    border-radius: 10px;
    padding: 0px 15px 15px 0px;
    margin: 0px 0px 15px 0px;
    font-size: 160%;
    color: #1d3138;
}	
	
section#bio-nano-tech .wp-block-group__inner-container {
    padding: 10px 25px 25px 25px;
    margin: 15px auto 0px auto;
    border: solid 0px;
    background: transparent;
}

section#bio-nano-tech .HP-Company-Info .HP-Company-Info-Box:nth-of-type(1) {
border-radius: 0px 10px 10px 0px;
}

section#bio-nano-tech .HP-Company-Info .HP-Company-Info-Box:nth-of-type(2) {
border-radius: 10px 0px 0px 10px;
display:flex;
}

/* Company Benefits - Tablet */
	

	
	 section#bio-nano-tech .Company-Benefits-box.left-box {
    color: #1d3138;
    overflow: hidden;
    border: 1px solid rgba(178, 119, 0, .28);
    border-radius: 10px;
    box-shadow: 0 15px 30px rgba(17, 64, 109, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    position: relative;
    width:100%;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-5.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
	
	 section#bio-nano-tech .Company-Benefits-box.right-box {
    color: #1d3138;
    overflow: hidden;
    border: 1px solid rgba(178, 119, 0, .28);
    border-radius: 10px;
    box-shadow: 0 15px 30px rgba(17, 64, 109, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    position: relative;
    width:100%;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-6.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}	
	
	section#bio-nano-tech .Company-Benefits-box .Company-Benefits {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
    padding-left: 0;
    padding-right: 0;
    margin: 30px auto 36px;
}
	
.Company-Benefits-box h3 {
    font-size: 28px;
  }
	
.Company-Benefits-box li {
    position: relative;
    counter-increment: benefit-counter;

    margin-bottom: 12px;
    padding: 15px 15px 15px 48px;

    color: #1d3138;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 600;

    border: 1px solid rgba(34, 87, 103, 0.72);
    border-radius: 10px;

    box-shadow:
        0 8px 22px rgba(34, 87, 103, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.42);

    background:
        linear-gradient(
            90deg,
            rgba(213, 160, 54, 0.72) 0%,
            rgba(213, 160, 54, 0.46) 24%,
            rgba(213, 160, 54, 0.22) 58%,
            rgba(213, 160, 54, 0.08) 82%,
            rgba(213, 160, 54, 0.00) 100%
        ) !important;
}

.Company-Benefits-box ol li::before {
    content: counter(benefit-counter);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    background:
        linear-gradient(135deg, #1d3138 0%, #205a5a 100%);
    border: 1px solid rgba(213, 160, 54, 0.85);
    box-shadow:
        0 3px 8px rgba(29, 49, 56, 0.22),
        0 0 0 3px rgba(213, 160, 54, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
	
.Company-Benefits-box .wp-block-button__link {color:#1d3138;}	
	
/* Detail bazenu - Intro Box Snippet - prislusenstvi - Tablet */
	
	.lb-bazen-konfigurace-intro .lb-prislusenstvi-groups {
    margin: 25px 0;
}


    .lb-bazen-konfigurace-intro div.lb-prislusenstvi-group-cards {
        display:grid;
        gap:15px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
       
    }	
	
/* Detail bazenu - Rozmer fotogalerie Snippet - Tablet */
	
.lb-gallery-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    margin-top: 0px;
margin-bottom: 30px;
}	
	
	
/* FAQ - sekce - Tablet */

#page nav#faq-anchors .is-layout-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

#page .faq-page .wp-block-group__inner-container {
    padding: 15px;
}	

#page section.faq-page {
	border:solid 1px #1d3138; 
	border-radius:10px;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/FAQ-bg-sections.png);
        background-repeat: no-repeat;
        background-position: 96% 5px;
        background-size: 13%;	
    margin-bottom:20px;
}	
	

/* --- API Poptavkovy formular START - Tablet --- */

.lb-accessory-content {
        grid-template-columns: auto 1fr; /* První sloupec se smrští podle šířky obrázku */
        grid-template-rows: auto auto;
        align-items: start;
        gap: 5px 10px; /* Zvětšíme mezeru mezi sloupci na 20px pro lepší čitelnost */
    }

   .lb-accessory-content .lb-accessory-image {
        grid-column: 1;          /* KLÍČOVÁ OPRAVA: Zamkneme obrázek do 1. sloupce */
        grid-row: 1 / span 2;    /* Roztáhne se přes oba řádky vedle textů */
    }

   .lb-accessory-content .lb-accessory-name {
        grid-column: 2;          /* Název do 2. sloupce */
        grid-row: 1;             /* Na první řádek */
    }

   .lb-accessory-content .lb-accessory-text {
        grid-column: 2;          /* Text do 2. sloupce (tím pádem už nezasáhne do obrázku) */
        grid-row: 2;             /* Na druhý řádek pod název */
        padding-left:0px
    }
	
	  .lb-offer-step {
margin: 0 0 30px;
    padding: 25px;
border-radius: 10px;
border: 1px solid #dbe8ef;
    background: rgba(255,255,255,.82);
  }


/* --- API Poptavkovy formular END - Tablet --- */	
	

  .inside-footer-widgets {
    flex-direction: row;
    flex-wrap: wrap;
  }

.footer-widget-3 aside.widget {padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;width:20%}	
.footer-widget-3 aside.widget .action-url-btn {padding:0px 0px 0px 0px;width:100%}


	
/*  Header image bg a menu  */
	
.inside-header {
        height: 350px;
        display: flex;
        flex-direction: column;       /* Seřadí prvky pod sebe (logo nahoře, menu dole) */
        justify-content: space-between; /* Zatlačí logo nahoru a menu úplně dolů */
        align-items: stretch;         /* Umožní prvkům roztáhnout se na plnou šířku */
        padding-bottom: 0 !important; /* Odstraní spodní vnitřní okraj, aby menu sedělo na hraně */
    }

    /* 2. Roztažení navigace na celou šířku */
    .site-header .main-navigation {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* 3. Vycentrování samotných položek menu uvnitř pruhu */
    .inside-navigation.grid-container {
        max-width: 100%;              /* Aby pruh pozadí šel od kraje ke kraji */
        justify-content: center;      /* Vycentruje menu (ul) horizontálně */
    }

#site-navigation.main-navigation {
        margin-top: 0px;
        margin-bottom: 0px;
        position: absolute;
        bottom: 0px;
left:0px;
right:0px
    }

.site-header .header-widget {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
position:absolute;
right:20px;
    }	
	
.site-header {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 1;
    background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/1-Laminatovy-bazen-header-wide-screen.webp);
    background-position: top right;
    background-repeat: no-repeat;
        background-size: cover;
max-height: 350px;	
border-top: solid 0px rgba(243, 211, 122, 0.95);
}	
	
article.wp-block-group .wp-block-group__inner-container {
        padding: 0px;
    }

body.page .site-main .wp-block-group__inner-container {
        padding: 25px;
    }	
	
/* Google v řádku */
	
section#google-recenze-trustindex {
    background: #205a5a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0px 25px 0px;
    margin: 0px 0px 0px 0px;
}	

#google-recenze-trustindex .ti-controls-line {display:none !important}		

x.inside-footer-widgets>div {width:48%}	
	
/* Footer Tablet */

   .inside-footer-widgets {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 25px;
        xmargin-left: 0 !important;
        justify-content: center;
    }

.footer-widget-1, .footer-widget-2 {
        padding: 25px 25px 10px 25px !important;
    }

.inside-footer-widgets>div {
    flex: 1 1 0;
}


.footer-widget-3 {
        flex: 0 0 100% !important;
        display: flex;
        justify-content: space-between;
        background: #205a5a;
    }	
	
	
}


/* =========================================================
   3) FULL HD / DESKTOP - od 1180px
   ========================================================= */
@media (min-width: 1180px) {
	
	
body.wp-singular {
background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/laminatovy-bazen-site-bg-x-2.png);
background-image: var(--page-bg-image);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
background-color:transparent;
  }	
	
body.archive {
background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/laminatovy-bazen-site-bg-x-2.png);

    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
background-color:transparent;
  }		
	
	.top-bar {
   background-color: transparent;
    color: #ffffff;
    width: 60px;
    position: absolute;
    z-index: 9999;
    right: 20px;
    top: 20px;
    margin: 0px;
    padding: 0px;
    }	
	
	
.site-header .header-widget {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }	
	

#masthead.site-header .site-logo {display:none}	
	
#site-navigation.main-navigation {
margin-top: 0px;
margin-bottom: 0px;
}		
	
	
body.home #page .inside-article	 {
padding-top:0px;
padding-bottom: 20px;
background-color:#fefaee;
}	
	
#breadcrumbs {
    padding: 12px 16px 8px 28px;
    color: #000000;
    background: #FFFFFF;
    border-radius: 10px 10px 0px 0px;
    border-bottom: solid 1px #234688;
    font-size: 14px;
    margin: 20px auto 0px auto;
}		
	
 /* Desktop welcome box  */

	
/*	
.Intro-welcome-box {
position:absolute;
top:350px;
left:0px;
right:0px;
padding: 0px 0px 0px 0px;
background-color: #fef9e6;
font-size: 18px;
font-weight: 400;
color: #333;
border-top: solid 2px #205a5a;
border-bottom: solid 2px #205a5a;
}
	
*/
	
x.Intro-welcome-box {
position:absolute;
top:350px;
left:0px;
right:0px;
padding: 5px 0px 10px 0px;
font-size: 18px;
font-weight: 400;
color: #333;
border-top: solid 2px #205a5a;
border-bottom: solid 2px #205a5a;
background-color: rgba(240, 184, 62, 1) !important;
border-left: solid 2px #205a5a;
}	
	
.video-slogan-text-box {position:relative;overflow:hidden}	
	

/* Video resize - PC */	
	
 x.body.home {
        --home-header-offset: 420px;
        --home-video-min-height: 500px;
        --home-video-max-height: 1970px;
    }

    x.body.home #main .video-slogan-text-box figure.wp-block-video {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        text-align:center;
        display: flex;
        justify-content: center;

        height: clamp(
            var(--home-video-min-height),
            calc(100svh - var(--home-header-offset)),
            var(--home-video-max-height)
        );
        overflow: hidden;
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-6.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }

    x.body.home #main .video-slogan-text-box figure.wp-block-video video {
        xwidth: 100%;
        xheight: 100% !important;
        display: block;
        object-fit: cover;
        object-position: center center;
text-align:center;
    }
	

/* Homepage Hero Video - Figure - Small Viewport Height - PC */

body.home #main .video-slogan-text-box figure.wp-block-video {
  width: 100%;
  aspect-ratio: 16 / 9; /* Zachová poměr stran videa */
  max-height: 80svh;  /* Video nikdy nezabere více než 80 % viditelné plochy */
  object-fit: contain;  /* Zajistí, že video vyplní plochu bez deformace */
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/Video-bg-wide-screen-2.webp);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;	
        display:flex;
        justify-content: center;
}

/* Pro video element samotný */
body.home #main .video-slogan-text-box figure.wp-block-video video {
  width: auto;
  height: 100%;
  object-fit: contain;
border-left:solid 1px #eab94c;
border-right:solid 1px #eab94c;
padding:1px;
}	
	
	
/* Zesikmeni Intro slogan - Start PC */	
	

 .Intro-welcome-box {
        position: relative;
        top: 0;
        left: 0px;
        right: 0px;
        padding: 8px 15px 8px 15px;
        border: 0 !important;
        color: #1d3138;
        z-index: 10;
        text-align:center;
        background: rgba(240, 184, 62, 0.9);
        border-top: 1px solid #205a5a;
        border-bottom: 1px solid #205a5a;
    }

   x.Intro-welcome-box::before {
        --cut: 23.1%;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        z-index: -1;

        background: rgba(255, 248, 229, 0.86);
        background: rgba(240, 184, 62, 0.9);

        clip-path: polygon(
            0 0,
            100% 0,
            calc(100% - var(--cut)) 100%,
            var(--cut) 100%
        );
        border-top: 1px solid #205a5a;
        border-bottom: 1px solid #205a5a;
        pointer-events: none;
    }
	
	
/* Zesikmeni konec */	

  .Intro-welcome-box h1 {
font-size: 36px;
font-weight:600;
color: #1d3138;
padding: 10px 0px 10px 0px !important;
        margin: 0px 0px 0px 0px;
       padding: 5px 0px 5px 0px !important;
        margin: 0px 0px 0px 0px !important;
font-size: clamp(22px, 2.6vw, 28px) !important;
  }
	
#main .Intro-welcome-box .wp-block-group__inner-container {padding: 0px 0px 0px 0px !important;}	
	
#main .Intro-welcome-box h1 {
	color: #1d3138;
	font-family:Serif;
	padding-top: 0px !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	font-weight:600;
    color: #1d3138;
    padding: 10px 0px 10px 0px !important;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 0px !important;
    margin: 0px 0px 0px 0px !important;
    font-size: clamp(22px, 2.6vw, 28px) !important;
	}	
	
	
.Intro-welcome-box h1::after {display:none}	

  .Intro-welcome-box p {
font-size: 26px;
color: #333;
font-weight:500;
  }
	
/* Slogan a Brand Confort Best pod Videem PC  */	
	
.Hp-Intro-Slogan-Nav {
      background-color: #215766;
        border-radius: 0px;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        border-top: solid 2px rgba(243, 211, 122, 1);
        border-bottom: solid 2px rgba(243, 211, 122, 1);
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: cover;
border-top:solid 2px rgba(243, 211, 122, 1);
border-bottom:solid 2px rgba(243, 211, 122, 1)
}	
	
		
	
	.Hp-Intro-Slogan-Nav::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}
	
	
	.Hp-Intro-Slogan-Nav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}	
	
	
figure.wp-block-pullquote.HP-Intro-Slogan {
    box-sizing: border-box;
    margin: 0 0 0em;
    overflow-wrap: break-word;
    padding: 50px 0px 50px 0px;
    text-align: center;
    background-repeat: repeat;
    background-position: center;
    background-size: auto;
}		
	
	
x.Hp-Intro-Slogan-Nav .Comfort-Best-Texts {background:none}	
	
	
p.Slogan-stavba-bazenu {
    box-sizing: border-box;
    margin: 0 0 0em;
    overflow-wrap: break-word;
    padding: 0px 0px 15px 0px;
    text-align: center;
    position:relative;
    font-size:1.1em;
    font-weight:600;
    background: transparent;
    color: #1d3138;
    margin-left:0px;
    margin-right:0px;
    border:solid 0px;
}	

p.Slogan-stavba-bazenu strong {font-weight:600 !important;}	
	
	
	
	
/* Slogan a Brand Confort Best pod Videem PC END */	
	
	
.inside-header {
    display: flex;
    align-items: center;
    xbackground-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Water-efect-bg-01.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 20%;
    padding:20px 20px 20px 20px;
}	
	
	.hustle-ui .hustle-layout .hustle-content {
background-image:none;
background-color: rgba(255, 255, 255, 0.8);
}
	
 /* Top Menu */
	
	.site-description {
    display: flex;
    flex-direction: row;
}

.site-description span:nth-of-type(2) {
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
	

  /* Pozadí stránek - PC*/
  x.body.wp-singular {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat:no-repeat;
  }
	
	body.wp-singular:not(.home) #page {
		margin:auto;
        margin-bottom: 20px;
	}	
	

  .separate-containers .comments-area,
  .separate-containers .inside-article,
  .separate-containers .page-header,
  .separate-containers .paging-navigation {
    padding: 25px 25px 0;
  }
	
.lb-varianta-card,
.lb-prislusenstvi-card {
  position: relative;
  padding: 25px;
  border: 1px solid #dbe6ed;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 8px 25px rgba(0,0,0,.045);
}	
	
	/* HP a Vyber bazenu - Comfort Best Intro  - PC */
	
/* Comfort Best HP a Vyber - PC */
	
.inside-article .Comfort-Best-Intro {
    border: solid 0px #000000;
    margin-bottom: 15px;
    border-radius: 10px;
    padding: 25px 25px 25px 25px;
    background: #205a5a;
    border-radius: 10px;
    border: solid 2px rgba(243, 211, 122, 1);
    gap: 25px;
    color: #FFFFFF;
}	
	
x.Comfort-Best-Texts .wp-block-group__inner-container
 {
    padding: 15px;
    margin: 15px auto 0px auto;
}
	
	
/* Recenze - PC */
	
.inside-article .recenze-page-header {
    border: solid 0px #000000;
    margin-bottom: 15px;
    border-radius: 10px;
    padding: 25px 25px 25px 0px;
    background: #205a5a;
    border-radius: 10px;
    border: solid 2px rgba(243, 211, 122, 1);
    gap: 0px;
    color: #FFFFFF;
}	

	.inside-article .recenze-page-header .ti-widget-container a {border-radius: 10px !important}

	.inside-article .recenze-page-header a {color:#FFFFFF;}
	
	.inside-article .recenze-page-header .recenze-podpis {
     text-align:right;
     font-family: Dancing Script;
     font-weight: 500;
     font-size:28px;
     margin:0px 0px 0px 0px;
}
	
x.Comfort-Best-Texts .wp-block-group__inner-container
 {
    padding: 15px;
    margin: 15px auto 0px auto;
}	

	
/* Konstrukce a zabudovani 2 sloupce - PC */
	
section#konstrukce-zabudovani {
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
    background: #fefaee;
    padding: 15px 0px 0px 0px;
}	
	
section#konstrukce-zabudovani	{
       background-color: #215766;
        border-radius: 0px;
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        border-top: solid 2px rgba(243, 211, 122, 1);
        border-bottom: solid 2px rgba(243, 211, 122, 1);
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/Ilustrace-bg-0D.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        border-top: solid 2px rgba(243, 211, 122, 1);
        border-bottom: solid 2px rgba(243, 211, 122, 1);
}	

#konstrukce-zabudovani .konstrukce-zabudovani-tbl {margin:0px 0px 0px 0px;padding:0px 0px 25px 0px;gap:25px;}	
	
section#konstrukce-zabudovani .HP-konstrukce-clmn
 {
    background: #205a5a;
    padding: 10px 25px 25px 25px;
    color: #1d3138;
    border: 2px solid rgba(240, 184, 62, 1);
    border-radius: 10px;
    box-shadow: 0 12px 26px rgba(29, 49, 56, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}	


section#konstrukce-zabudovani .wp-block-group__inner-container {padding: 0px 0px 0px 0px;margin:0px auto 0px auto;background:transparent}
	
section#konstrukce-zabudovani .HP-zabudovani-clmn {
    background: #205a5a;
    padding: 10px 25px 25px 25px;
    color: #1d3138;
    border: 2px solid rgba(240, 184, 62, 1);
    border-radius: 10px;
    box-shadow: 0 12px 26px rgba(29, 49, 56, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75);
}	
	
	
#konstrukce-zabudovani .HP-zabudovani-clmn .zabudovani-images {
    display: flex;
    flex-direction: row;
align-items: stretch;
gap:20px;
}		
	
/* bio-nano-tech 2 sloupce BENEFITS - PC */	
	
	section#bio-nano-tech {
    padding: 25px 0px 0px 0px;
    background: #fefaee;
}	
	
section#bio-nano-tech .HP-Company-Info {
    position: relative;
    padding: 0px 0px 0px 0px;
    background: transparent;
    gap: 25px;
    margin: 0px 0px 0px 0px;
}	
	
	section#bio-nano-tech .HP-Company-Info-Box {
    padding: 25px 25px 25px 25px;
    margin-bottom: 30px;
    background: #205a5a;
		
		
}		
	
	
section#bio-nano-tech .HP-Company-Info-Box h2 {
    font-weight: 600;
    text-align: left;
    position: relative;
    background: transparent;
    border-radius: 10px;
    padding: 0px 15px 15px 0px;
    margin: 0px 0px 15px 0px;
    font-size: 160%;
    color: #1d3138;
}
	
	 section#bio-nano-tech .Company-Benefits-box {
    color: #1d3138;
    overflow: hidden;
    border: 1px solid rgba(178, 119, 0, .28);
    border-radius: 10px;
    box-shadow: 0 15px 30px rgba(17, 64, 109, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    position: relative;
    width:100%;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-5.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
	
	
section#bio-nano-tech .wp-block-group__inner-container {
    padding: 10px 25px 25px 25px;
    margin: 15px auto 0px auto;
    border: solid 0px;
    background: transparent;
}	
	

.Company-Benefits-box li {
    position: relative;
    counter-increment: benefit-counter;

    margin-bottom: 12px;
    padding: 15px 15px 15px 48px;

    color: #1d3138;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 600;

    border: 1px solid rgba(34, 87, 103, 0.72);
    border-radius: 10px;

    box-shadow:
        0 8px 22px rgba(34, 87, 103, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.42);

    xbackground:
        linear-gradient(
            90deg,
            rgba(213, 160, 54, 0.72) 0%,
            rgba(213, 160, 54, 0.46) 24%,
            rgba(213, 160, 54, 0.22) 58%,
            rgba(213, 160, 54, 0.08) 82%,
            rgba(213, 160, 54, 0.00) 100%
        );
background: linear-gradient(90deg, rgba(255, 221, 122, 0.98) 0%, rgba(240, 184, 62, 0.88) 22%, rgba(184, 112, 24, 0.55) 52%, rgba(231, 174, 64, 0.20) 80%, rgba(231, 174, 64, 0.00) 100%) !important;
}

.Company-Benefits-box ol li::before {
    content: counter(benefit-counter);
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    background:
        linear-gradient(135deg, #1d3138 0%, #205a5a 100%);
    border: 1px solid rgba(213, 160, 54, 0.85);
    box-shadow:
        0 3px 8px rgba(29, 49, 56, 0.22),
        0 0 0 3px rgba(213, 160, 54, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
	
	


  /* Galerie - PC */
  
#fotogalerie-realizaci .HP-Galleries {
    padding: 0px 25px 25px 25px;
    margin:0px 0px 0px 0px;
    gap:25px;

  }

  .HP-Galleries h2,
  .Modely-Gallery h2 {
    font-size: 26px;
    position:relative;
  }
	
#fotogalerie-realizaci .HP-Galleries h2 {
        font-weight: 600;
        text-align: left;
        position: relative;
        background: transparent;
        border-radius: 10px;
        padding: 0px 15px 15px 0px;
        margin: 0px 0px 15px 0px;
        color: #1d3138;
    }

	
#fotogalerie-realizaci .HP-Galleries h2::after
 {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background: linear-gradient(90deg, #c7a34b 0%, #f2d178 45%, rgba(42, 191, 213, 0.25) 100%);
}		

.HP-Galleries .hp-gallery-left {
	    padding:50px;
        border: 1px solid #b27700;
        border-radius: 10px;
        border-color: #b27700;
        box-shadow: 0 8px 25px rgba(254, 193, 7, .18);
        font-weight: 500;
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom;
	}
.HP-Galleries .hp-gallery-right {
	    padding:50px;
        border: 1px solid #b27700;
        border-radius: 10px;
        border-color: #b27700;
        box-shadow: 0 8px 25px rgba(254, 193, 7, .18);
        font-weight: 500;
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
	}
	


  x.ti-widget.ti-goog .ti-widget-container {
    padding: 50px;
  }

  .Contact-map-clmn iframe {
    height: 420px;
  }

  /* Seznam modelů - PC */
  section.Page-Pool-Models h3 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  section.Page-Pool-Models h2,
  section.Page-Pool-Models h3 {
    font-size: 24px;
  }

  section.Page-Pool-Models .Model-Detail-btn {
    margin-bottom: 62px;
  }

  section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"]::before,
  section.Page-Pool-Models div.model-image-mask[class*="-ShortPage-tbl"]::after {
    top: -50px;
    left: -50px;
    right: -50px;
    bottom: -50px;
  }
	
.lb-floating-filter-wrap {
       display:none;
    }

#post-15 .NoMobile {
        display: flex !important;
        text-align: center;
        margin: 25px 0px 0px 0px;
        padding: 25px;
        border-radius: 10px;
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/Filtrace-bg-nabidka-1200px.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        border: solid 1px rgba(240, 184, 62, 1);
        min-height:302px;
justify-content: flex-end;
align-items: center;
    }	
	
	#post-15 .NoMobile.FiltraceBtn div {
        width: 38%;
        padding: 20px;
    }
	#post-15 .NoMobile p {margin-bottom:0px !important;}

	#post-15 .NoMobile p.Text-FiltraceBtn {margin:0px 0px 20px 0px;font-weight:500;font-size:18px;color:#FFFFFF;}
	
	#post-15 .NoMobile h2.Header-Text-FiltraceBtn {display:flex;flex-direction: column;font-size:26px;} 
	#post-15 .NoMobile h2.Header-Text-FiltraceBtn span.white {color:#FFFFFF}
    #post-15 .NoMobile h2.Header-Text-FiltraceBtn span.gold {color:rgba(240, 184, 62, 1)}
	
	
.FiltraceBtn a {padding:20px 15px 20px 15px;font-size:18px;font-weight:600;display: inline-block;background: rgba(240, 184, 62, 1) !important;color:#1d3138 !important;border:solid 2px #000000;}	
.FiltraceBtn i {margin-right:10px;}
	

	

/* Detail Bazenu - PC */
	
article.wp-block-group .wp-block-group__inner-container {padding: 25px;}	
	
	
/* Nadpis H1 Bazen a Logo Best - Intro snippet - PC  */	

.Title-Brand-box {
        display: block;
        align-items: center;
        justify-items: center;
        margin: 0 0 20px;
        padding: 20px;
        border: 1px solid #b27700;
        border-radius: 10px;
        background: radial-gradient(circle at 100% 0%, rgba(231, 174, 64, .12), transparent 32%), linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(246, 251, 253, .90));
        box-shadow: 0 12px 28px rgba(17, 64, 109, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-1.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }

	
x.Title-Brand-box .Title-pool-h1 {
display:flex;
	flex: 0 0 calc(66.666% - 10px);
        max-width: calc(66.666% - 10px);
align-items: center;
        justify-content: center;
}

x.lb-bazen-series-box {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 22px;
    padding: 10px 15px;
    border: 1px solid #b27700;
    border-radius: 999px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 8px 22px rgba(17,64,109,.06);
    flex: 0 0 calc(33.333% - 10px);
    max-width: calc(33.333% - 10px);

}	
	
/* Snippet Intro Bazen - PC */	
	
.lb-bazen-image-text {margin-bottom:30px;}	

.lb-bazen-konfigurface-intro .lb-bazen-image-text  {
        flex-direction: row; 
        justify-content: space-between;
gap:25px;
    }


.lb-bazen-konfigurace-intro .lb-bazen-image-text  .lb-bazen-model-image {
        flex: 0 0 calc(33.333% - 10px);
        max-width: calc(33.333% - 10px);
    }


x.lb-bazen-konfigurace-intro .lb-bazen-image-text  > div:not(.lb-bazen-model-image) {
        flex: 0 0 calc(66.666% - 10px);
        max-width: calc(66.666% - 10px);
    }

.lb-bazen-konfigurace-intro .lb-bazen-short-description {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: column;
        padding: 20px 20px 0px 20px;
        gap:0px;
}
	
.lb-bazen-konfigurace-intro .lb-bazen-short-description .lb-bazen-series-box {
    display: flex;
    gap: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0px solid #b27700;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
    flex-direction: column;
    max-width: 260px;
    align-items: center;
transform: translateY(-20px);
}

.lb-bazen-konfigurace-intro .lb-bazen-short-description .lb-bazen-series-box .lb-bazen-series-content {display:none}	
	
	
/* Detail bazenu - Barvy a Rozmer fotogalerie Snippet - PC */
	
section.pohledy-gallery .lb-model-pohledy-gallery.lb-gallery-grid {
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
border: solid 0px #000000;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
margin-bottom:0px;
}	
	
.lb-bazen-konfigurace-intro section .lb-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    margin-top: 0px;
    margin-bottom:0px;
    padding:25px;
    border-radius:10px;
    border: solid 0px #000000;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.09), 0px 0px 0px 1px rgba(0, 0, 0, 0.09);
border-color: rgba(178, 119, 0, .36);
    background: linear-gradient(135deg, #ffffff, #fff7e6);
}
	
.lb-bazen-gallery .lb-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
    margin-top: 0px;
    margin-bottom:0px;
    padding: 25px;
}	
	
.lb-rozmerove-schema .lb-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin-top: 0px;
    margin-bottom:30px;
}		
	
	
.lb-color-gallery-item {
    margin: 0;
}
	
	.lb-model-barvy-gallery .lb-gallery-item {
    margin-bottom: 0px;
    border-bottom: solid 0px;
    padding-bottom: 0px;
}

.lb-model-barvy-gallery .lb-color-gallery-caption {
    margin-top: 10px;
    color: #1d3138;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
}

.lb-model-barvy-gallery .lb-color-gallery-caption::before {
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    margin: 0 auto 8px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(178,119,0,.25), rgba(231,174,64,.85), rgba(178,119,0,.25));
}	
	
.poradce-articles {text-align:right;margin-top:25px}	

/* Detail bazenu - Intro Box Snippet - prislusenstvi - PC */
	
.lb-bazen-konfigurace-intro .lb-prislusenstvi-groups {
    margin: 25px 0;
}	

.lb-bazen-konfigurace-intro div.lb-prislusenstvi-group-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}	
	
	/* Detail bazenu END */	
	

	.lb-bazen-varianty-preview-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-evenly;
}
	
	.lb-prislusentvi-image-text-box {
    display: flex;
    gap: 10px;
    flex-direction: row;
    padding-bottom:20px;
}
	
article .Clmn-border ul {
    list-style: none;
    margin-left: 7px;
    padding-left: 0;
    margin-bottom: 0px;
}

article .Clmn-border ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 9px;
    font-size: 17px;
    line-height: 1.55;
    color: #3c3c3c;
}	
	
article .Clmn-border a.wp-block-button__link.wp-element-button {
transition: background 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
border:solid 2px rgba(240, 184, 62, 1);
}

article .Clmn-border a.wp-block-button__link.wp-element-button:hover {
    color: #000000 !important;
    border: solid 2px #000000 !important;
    background: rgba(240, 184, 62, 1) !important;
}
	
	
article a.wp-block-button__link.wp-element-button {
transition: background 0.4s ease-in-out, border-color 0.4s ease-in-out, color 0.4s ease-in-out;
border:solid 2px rgba(240, 184, 62, 1);
}	

article a.wp-block-button__link.wp-element-button:hover {
        color: #000000 !important;
        border: solid 2px #000000 !important;
        background: rgba(240, 184, 62, 1) !important;
    }	
	
	
	
body.wp-singular:not(.home).page #page .wp-block-group h2.wp-block-heading, body.wp-singular:not(.home).page #page section h2.wp-block-heading {position:relative;padding: 25px 0px 0px 0px;}
	
body.wp-singular:not(.home).page #page .wp-block-group h2.wp-block-heading::before, body.wp-singular:not(.home).page #page section h2.wp-block-heading::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    background: linear-gradient(90deg, #c7a34b 0%, #f2d178 45%, rgba(42, 191, 213, 0.25) 100%);
}
	
	
/* FAQ - sekce - PC */

#page nav#faq-anchors .is-layout-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}

#page .faq-page .wp-block-group__inner-container {
    padding: 25px;
}	
	
#page section.faq-page {
	border:solid 1px #1d3138; 
	border-radius:10px;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/FAQ-bg-sections.png);
        background-repeat: no-repeat;
        background-position: 96% 5px;
        background-size: 13%;	
    margin-bottom:20px;
}	

  /* Poptávkový formulář - PC */
	


.lb-offer-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-top: 30px;
}	


.lb-variant-card {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
    height: 100%;
    padding: 25px;
    padding-top: 50px;
    padding-bottom: 50px;
    border: 2px solid #dce8ef;
    border-radius: 10px;
    background: #fff;
    transition: .2s ease;
    justify-content: center;
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Comfort-Best-Logo.png);
        background-size: 35%;
        background-repeat: no-repeat;
        background-position: 110% 100%;
}	
	
span.lb-variant-card {
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Comfort-Best-Logo-320.png) 97% 97% / 15% no-repeat, linear-gradient(135deg, #0f2027, #203a43) !important;
        border: 1px solid #c9a054 !important;
        color: #ffffff !important;
        box-shadow: 0 5px 15px rgba(181, 137, 56, 0.05);
    }	
	


	
		  .lb-offer-step {
margin: 0 0 30px;
    padding: 25px;
border-radius: 10px;
border: 1px solid #dbe8ef;
    background: rgba(255,255,255,.82);
  }
	
.lb-offer-accessories .lb-accessory-group {
    margin: 0 0 30px;
    padding: 25px;
}	

/* --- API Poptavkovy formular START - PC --- */
	
.lb-offer-form {
    margin: 25px 0px;
    padding: 25px;
    border-radius: 10px;
    background: linear-gradient(
        135deg,
        rgba(238, 250, 255, 0.84),
        rgba(255, 255, 255, 0.86)
    );
    backdrop-filter: blur(5px);
    border:solid 1px #CECECE;

}	

.lb-accessory-content {
        grid-template-columns: auto 1fr; /* První sloupec se smrští podle šířky obrázku */
        grid-template-rows: auto auto;
        align-items: start;
        gap: 5px 10px; /* Zvětšíme mezeru mezi sloupci na 20px pro lepší čitelnost */
width:100%
    }

   .lb-accessory-content .lb-accessory-image {
        grid-column: 1;          /* KLÍČOVÁ OPRAVA: Zamkneme obrázek do 1. sloupce */
        grid-row: 1 / span 2;    /* Roztáhne se přes oba řádky vedle textů */
    }

   .lb-accessory-content .lb-accessory-name {
        grid-column: 2;          /* Název do 2. sloupce */
        grid-row: 1;             /* Na první řádek */
    }

  .lb-accessory-content .lb-accessory-text {
        grid-column: 2;          /* Text do 2. sloupce (tím pádem už nezasáhne do obrázku) */
        grid-row: 2;             /* Na druhý řádek pod název */
padding-left: 0px;
    }
	
	
/* --- Badge nejoblibenejsi vetsi - PC --- */		
	
	
div[data-group-slug="barvy-bazenu"] .lb-accessory-option:nth-child(2)::after  {
        content: "";
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 212px;
        height: 39px;
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/Nejoblibenejsi-barva-badge-2.png) 0px 0px / 100% no-repeat !important;
        background-repeat: no-repeat;
        background-position: center left;
        background-size: cover !important;
        background-color: transparent;
        border-radius: 5px;
    }


/* --- API Poptavkovy formular END - PC --- */		
	

  /* Company benefits - PC */
  .Company-Benefits-box {
    color: #1d3138;
    overflow: hidden;
    border: 1px solid rgba(178, 119, 0, .28);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .92));
    box-shadow: 0 15px 30px rgba(17, 64, 109, .08), inset 0 1px 0 rgba(255, 255, 255, .9);
    position: relative;
}

  .Company-Benefits-box h3 {
    font-size: 30px;
    text-align: initial;
color: #FFFFFF;
  }


  .Company-Benefits > div {
    padding: 15px 15px 15px;
    border-radius: 10px;
  }

  .Company-Benefits img,
  .Company-Benefits svg,
  .Company-Benefits embed {
    width: 60px;
    height: 60px;
  }

  .Company-Benefits h4 {
    font-size: 18px;
  }

  .Company-Benefits p {
    font-size: 16px;
  }
	


/* =========================================================
   Homepage – Company Benefits - klasicke vyhody PC
   ========================================================= */
	
.Company-Benefits-box-2  {
padding: 15px 25px 15px 25px;
xbackground: linear-gradient(135deg, rgba(238, 250, 255, 0.78), rgba(255, 255, 255, 0.78));
	}	
	
	.Company-Benefits-box-2	.Company-Benefits {gap:25px;}

	
body.page-id-23 .Company-Benefits-box {
    max-width: 1180px;
    display: grid;
    gap: 25px;
    margin: 0px auto 0px;
    padding: 0px 0px 0px 0px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    background-color: #215766;
    border-radius: 10px;
	background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Bazeny-Bg_efekt-x2.png);
}	

	
	  .Company-Benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px;
    margin: 35px auto 45px;
  }

/* Jednotlivá položka výhody - PC */
.Company-Benefits > div {
  position: relative;
  text-align: center;
  padding: 15px 15px 15px;
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(237, 251, 255, .72), rgba(255, 255, 255, .98));
  border: 1px solid rgba(0, 166, 204, .13);
  box-shadow: 0 12px 30px rgba(15, 67, 102, .055);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    background .25s ease;
border: 1px solid #b27700;
}

/* Velmi jemný vodní detail nahoře */
.Company-Benefits > div::before {
  content: "";
  position: absolute;
  left: 25%;
  right: 25%;
  top: 0;
  height: 3px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(90deg, #12c6d9, #1976d2);
  opacity: .55;
}

/* Hover jen decentní, ať to neposkakuje rušivě */
.Company-Benefits > div:hover {
  transform: translateY(-3px);
  border-color: rgba(0, 166, 204, .25);
  box-shadow: 0 18px 38px rgba(15, 67, 102, .09);
  background:
    linear-gradient(135deg, rgba(229, 249, 255, .9), rgba(255, 255, 255, 1));
}

/* Obrázky / ikonky */
.Company-Benefits figure,
.Company-Benefits .wp-block-image {
  margin: 0 0 15px;
}

.Company-Benefits img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  filter: drop-shadow(0 8px 12px rgba(0, 129, 180, .16));
  transition: transform .25s ease, filter .25s ease;
}

.Company-Benefits > div:hover img {
  transform: scale(1.04);
  filter: drop-shadow(0 10px 16px rgba(0, 129, 180, .22));
}



/* Nadpis výhody */
.Company-Benefits h4,
.Company-Benefits .wp-block-heading {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: .02em;
  color: #17406d;
}

/* Text pod výhodou */
.Company-Benefits p {
  max-width: 310px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  color: #425466;
}

/* Zvýraznění v textu */
.Company-Benefits strong {
  color: #126fc5;
  font-weight: 700;
}

/* Jemné sjednocení odkazů, pokud tam nějaké budou */
.Company-Benefits a {
  color: #1476d4;
  text-decoration: none;
  font-weight: 600;
}

.Company-Benefits a:hover {
  color: #00a9c8;
}
	
	
/* Google v řádku Homepage - PC */
	
section#google-recenze-trustindex {
    background: #205a5a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 10px 15px 10px;
    margin: 0px 0px 0px 0px;
}
	
section#google-recenze-trustindex .ti-widget[data-layout-id='14'][data-set-id='minimal-fill-dottie'] .ti-widget-container {
    color: #000000;
    margin-bottom: 0px;
    margin-top: 0px;
}	

.ti-widget-container
	
section#google-recenze-trustindex .ti-footer.ti-footer-grid.source-Google {
    margin-top: 0px !important;
    padding: 20px;
    border-radius: 10px;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/widget-pattern-dottie.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-color: #FFFFFF;
align-self: stretch;
}	

#google-recenze-trustindex .ti-controls-line {display:none !important}	
	
#google-recenze-trustindex .ti-widget[data-layout-id='14'][data-set-id='minimal-fill-dottie'] .ti-verified-by-row {
    display: block;
    margin-bottom: 0px !important;
    font-size: 12px;
    color: #000000;
    margin: 12px 28px;
        background: linear-gradient(135deg, rgba(238, 250, 255, 0.84), rgba(255, 255, 255, 0.86));
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 15px;
}



	
#google-recenze-trustindex .ti-widget[data-layout-id='14'][data-set-id='minimal-fill-dottie'] .ti-widget-header * {
    font-size: 18px;
    color: #000000;
}

section#google-recenze-trustindex .ti-widget[data-layout-id='108'][data-set-id='minimal-fill-dottie'] .ti-verified-by-row>.ti-inner {
    display: inline-block;
    position: relative;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
    background: #205a5a !important;
    border: 1px solid rgba(215, 174, 74, 0.52);
    letter-spacing: 1px;
}
	
section#google-recenze-trustindex .ti-widget[data-layout-id='108'][data-set-id='minimal-fill-dottie'] .ti-widget-header .ti-header-content .ti-verified-by {
    position: absolute;
    right: 10px;
    margin: 0 !important;
}	
	
#google-recenze-trustindex .ti-widget[data-layout-id='5'][data-set-id='minimal-fill-dottie'] .ti-reviews-container-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}	

/* Footer recenze - PC */
	
section#Google-Firmy-Recenze  .ti-widget[data-layout-id='14'][data-set-id='minimal-fill-dottie'] .ti-widget-container {
    display: block;
    color: #000000;
    margin-bottom: 0px;
    margin-top: 5px;
    margin-left: -15px;
    margin-right: -15px;
}	
	
	
	

  /* Desktop sidebar a footer */
  .separate-containers .inside-left-sidebar,
  .separate-containers .inside-right-sidebar {
    padding-right: 20px; padding-left: 0px;
  }

 .inside-footer-widgets {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    xmargin-left: 0 !important;
justify-content: center;
  }
	
.inside-footer-widgets {
        justify-content: center !important;
    }

.footer-widget-1, .footer-widget-2 {
    padding: 25px 25px 10px 25px !important;
}
	
.footer-widget-3, .footer-widget-4 {
	padding: 25px 25px 25px 25px !important;
	}	
	
x.footer-widget-1, 
x.footer-widget-2 {
    flex: 0 0 calc(50% - 20px) !important; /* 50% mínus polovina mezery */
}

/* Třetí widget přes celou šířku */
.footer-widget-3 {
    flex: 0 0 100% !important;
display:flex;
justify-content: space-between;
background:#205a5a;
}	
	
.footer-widget-3 aside.widget {padding:0px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;width:20%}	
.footer-widget-3 aside.widget .action-url-btn {padding:0px 0px 0px 0px;width:100%}
	
	
	/* Google Seznam Footer - Nastavení pro celý nadpis H2 - PC */
h2.google-review-title {
  font-family: 'Cinzel', serif !important;
  color: #000000 !important;
background:url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Google-zakaznicke-recenze-footer.png) 94% 22px / 130px no-repeat, linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
    }

h2.seznam-review-title {
  font-family: 'Cinzel', serif !important;
  color: #000000 !important;
background:url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Seznam-zakaznicke-recenze-footer.png) 94% 22px / 160px no-repeat, linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(255, 250, 239, .72));
    }

  #footer-widgets {
    min-height: 500px;
padding: 10px 0px 0px 0px;
  }
	
	.footer-widgets-container {
    padding: 25px;
}
	
.Modely-Gallery .fg-simple_portfolio .fg-item {
    flex-basis: 250px;
}
	
	
/*  Výpis bazénů včetně velikostí */	
	
.lb-pool-listing {
    margin: 25px 0;
}

	.lb-pool-listing strong {font-weight:500}	
	
/* Luxusní skleněný panel */
.lb-pool-filter {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    padding: 25px;
    border-radius: 10px;

    /* fallback */
    background: linear-gradient(
        135deg,
        rgba(238, 250, 255, 0.82) 0%,
        rgba(255, 255, 255, 0.76) 45%,
        rgba(227, 246, 250, 0.72) 100%
    );

    border: 1px solid rgba(255, 255, 255, 0.55);

}


/* jemný aqua odlesk v rohu */
.lb-pool-filter::after {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 240px;
    height: 240px;
    pointer-events: none;
    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(42, 191, 213, 0.18) 0%,
        rgba(42, 191, 213, 0.08) 35%,
        rgba(42, 191, 213, 0.00) 72%
    );
}

.lb-filter-kicker {
    display: inline-block;
    margin-bottom: 8px;
    color: #b27700;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}
	
	.lb-pool-filter-header {
        position: relative;
        border-radius: 10px;
        padding: 18px 18px 16px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.68) 100%);
        border: 1px solid rgba(188, 218, 228, 0.72);
        box-shadow: 0 8px 22px rgba(17, 64, 109, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.72);
        margin-bottom: 20px;
        
    }	

.lb-pool-filter-header h2 {
font-size:26px;
padding-bottom:0px;
margin-bottom:0px;
}
	
	.lb-pool-filter-header p {display:none;margin:0px;}	

.lb-filter-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 25px;
}

.lb-filter-box {
    position: relative;
    border-radius: 10px;
    padding: 15px 15px 15px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.82) 0%,
        rgba(255, 255, 255, 0.68) 100%
    );
    border: 1px solid #bd9455;
    box-shadow:
        0 8px 22px rgba(17, 64, 109, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
display: flex;
        flex-direction: column;
        gap: 15px;
}

@supports ((-webkit-backdrop-filter: blur(8px)) or (backdrop-filter: blur(8px))) {
    .lb-filter-box {
        -webkit-backdrop-filter: blur(8px) saturate(125%);
        backdrop-filter: blur(8px) saturate(125%);
    }
}

.lb-filter-box legend {
    padding: 0 8px;
    font-weight: 600;
    letter-spacing: .01em;
    font-size: 1.1em;
}
	
	
.lb-filter-box label {
    display: block;
    margin-bottom: 12px;
    font-weight: 500;

}
	
    .lb-filter-box .lb-range-control {
        border: 1px solid rgba(188, 218, 228, 0.72);
        margin-top: 0px;
        padding: 10px;
        border-radius: 5px;
    }

/*	
.lb-filter-box .lb-range-control:last-child label {
        text-align: right;
    }	
*/

.lb-range-values {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    color: #234688;
}

.lb-filter-box input[type="range"] {
    width: 100%;
    display: block;
    margin: 8px 0;
}
	
.lb-filter-actions-found {

text-align:center;
margin-top:30px;
border-radius: 10px;
padding: 18px 18px 16px;
border: 1px solid rgba(188, 218, 228, 0.72);
box-shadow: 0 8px 22px rgba(17, 64, 109, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.72);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(255, 255, 255, 0.68) 100%);
background: #205a5a;

	
} 	
	
x.lb-filter-actions-found::after {
content: "";
position:absolute;
right:0px;
top:0px;
background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Water-efect-bg-01.png);
background-position: top right;
background-repeat: no-repeat;
background-size: 100%;
width:100%;
height:100%;
z-index:0;
	}	

.lb-filter-actions  {
        align-items: center;
        gap: 5px;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: left;
        padding: 10px;
    }

.lb-filter-reset  {
        padding: 0px;
        border: none;
        border-radius: 10px;
        background: transparent;
        color: #000000;
        font-weight: 500;
        cursor: pointer;
        font-size: 14px;
    }
	
.lb-filter-actions button.lb-filter-reset:hover {background:transparent; color:#BD9456} 	

#lb-filter-count {
        font-weight: 600;
        color: #000000;
        font-size: 24px;
        padding: 15px 15px;
        border-radius: 10px;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.72));
        border: 1px solid rgba(22, 64, 109, 0.14);
        box-shadow: 0 14px 34px rgba(17, 64, 109, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.76);
    }
	
.lb-found-overview-title {}

.lb-pool-results {
    display: grid;
    gap: 25px;
}

	.lb-found-overview-list	{
display:flex;
justify-content: center;
flex-wrap: wrap;
gap:30px;
padding:20px;
		
	}
	
	.lb-found-variant {
background:#205a5a;
margin-bottom:20px;
padding:10px;
border-radius:5px;
border: 2px solid #162d35;
transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
transition: 0.4s ease;	
text-decoration:none;
color:#FFFFFF;
}
	
.lb-found-variants .lb-found-variant:hover  {
    border-color: #b27700;
    box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
}		
	
.lb-found-model h2 {
position:relative;
padding-bottom:12px;
display:none;
}

.lb-found-model h2::after {
    content: "";
    position: absolute;
    bottom: 0px;
    height: 2px;
    right: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(to right, transparent, #234688 20%, #234688 80%, transparent);
}
	
	.lb-found-variant p.lb-pool-button {
padding:8px;
font-size:15px;
border-radius:5px;
margin-bottom:0px;
background: #FFFFFF;
        border: solid 2px;
}
	
	.lb-found-variant .lb-pool-button:hover {
background:#b27700;
cursor:pointer;
}
	
	.lb-found-variant h3 {
margin:0px;
padding-top:0px;
padding-bottom: 12px;
position:relative;
color: #FFFFFF;
margin-bottom: 10px;
font-size: 20px;
}

.lb-found-variant h3:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
    pointer-events: none;
}

	.lb-found-variant-meta {display:none}
	
	.lb-found-variant-meta, .lb-found-variant-price {
text-decoration:none;
font-size:0.9em;
color:#FFFFFF;
}

	.lb-found-variant .lb-pool-variant-image {margin-top:10px;}
	
	.lb-found-variant .lb-pool-variant-image img {
border-radius:5px;
border:solid 2px #FFFFFF;
}	

	
	
	.lb-found-model {padding:15px;background:#FFFFFF;border:solid 1px;border-radius:10px;
	border-color: #b27700;
    box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
max-width:300px;
	}
	
	.lb-found-variants, .lb-found-variant {
display:flex;
flex-direction: column;
flex-wrap: wrap;
}
	

	
.lb-pool-card {
    overflow: hidden;
    border: 1px solid #dce8ef;
    border-radius: 10px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 12px 34px rgba(0,0,0,.06);
margin-top:25px;
}

.lb-pool-main {
    display: grid;
grid-template-columns: 325px minmax(0, 1fr);
    gap: 25px;
    padding: 25px;
    border-bottom: 1px solid #edf3f7;

background: #205a5a;


}

.lb-pool-main-image img {
    width: 100%;
    height: 190px;
    object-fit: cover;
    border-radius: 10px;
border: solid 2px #FFFFFF;
}
	
.lb-pool-main-content {
position:relative;
}		

.lb-pool-model-name {
display: flex;
justify-content: space-between;
align-items: flex-start;
}	

.lb-pool-series  {
        margin-bottom: 8px;
        padding: 4px 9px;
        border-radius: 5px;
        background: #b27700;
        color: #000000;
        font-size: 13px;
        font-weight: 600;
        filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.55)) drop-shadow(0 0 8px rgba(243, 211, 122, 0.28)) drop-shadow(0 0 14px rgba(42, 191, 213, 0.10));
        transition: filter 0.35s ease, transform 0.35s ease, opacity 0.35s ease;

    }
	
.lb-pool-main-content p {color:#FFFFFF;}	
	
.lb-pool-main-content h2 {
position:relative;
padding-bottom:12px;
color:#FFFFFF;
}

.lb-pool-main-content h2::after {
        content: "";
        position: absolute;
        bottom: 0px;
        height: 2px;
        right: 0px;
        left: 0px;
        width: 100%;
        background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
        pointer-events: none;
    }

.lb-pool-main-content h3 {
    margin-top: 0px;
    color: #16406d;
margin-bottom:0px;
}

.lb-pool-detail-link {
        transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
        display: block;
        width: 100%;
        margin-top: 0px;

        background-color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        cursor: pointer;
        border: solid 1px #234688;
        background: #FFFFFF;
        color: #000000;
        border-color: #b27700;
        box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
        margin-top: 20px;
	padding: 8px;
        font-size: 15px;
        border-radius: 5px;
        margin-bottom: 0px;
cursor:pointer;
    }

	.lb-pool-detail-link:hover {
        background: #fbb70a;
        color: #000000;
    }

.lb-pool-variants {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 15px;
    padding: 24px;
justify-items: center;
background: #205a5a;
}

.lb-pool-variant {
    display: flex;
    flex-direction: column;
    border: 1px solid #dce8ef;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
min-width: 320px;
}

.lb-pool-variant-image img {
    width: 100%;
    height: 165px;
    object-fit: cover;
border-bottom: solid 1px #16406d;
}

.lb-pool-variant-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 18px;
padding-top: 7px;
}

.lb-pool-variant-content h3 {margin-bottom:0px;position:relative;padding-bottom:12px;padding-top:12px;}
	
	
	
	.lb-pool-variant-content h3::before
 {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
        pointer-events: none;
    }

	.lb-pool-variant-content h3::after 
 {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: linear-gradient(90deg, transparent, rgba(180, 126, 32, 0.35), rgba(243, 211, 122, 0.95), rgba(180, 126, 32, 0.35), transparent);
        pointer-events: none;
    }

.lb-pool-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 10px;
}

.lb-pool-badge {
    display: inline-flex;
    padding: 4px 9px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    background: #e8f5f8;
    color: #00798a;
}

.lb-pool-badge-default {
    background: #e6f7ed;
    color: #047857;
}

.lb-pool-badge-akce {
    background: #fff0e6;
    color: #b45309;
}

.lb-pool-badge-sleva {
    background: #ffe4e6;
    color: #be123c;
}

.lb-pool-badge-tip,
.lb-pool-badge-doporucujeme {
    background: #e6f7ed;
    color: #047857;
}

.lb-pool-badge-novinka {
    background: #e8edff;
    color: #1d4ed8;
}

.lb-pool-badge-top-volba {
    background: #fef3c7;
    color: #92400e;
}

.lb-pool-variant h4 {
    margin: 0 0 10px;
    color: #16406d;
}

.lb-pool-params {
    margin: 12px 0;
    padding-left: 18px;
    font-size: 14px;
}

.lb-pool-price {
    margin-top: auto;
    padding-top: 12px;
}

.lb-pool-price strong {
    display: block;
    color: #b27700;
    font-size: 16px;
}

.lb-pool-price-old {
    display: block;
    margin-bottom: 3px;
    opacity: .6;
    text-decoration: line-through;
font-size:16px;
}

.lb-pool-price small {
    display: block;
    margin-top: 4px;
    opacity: .75;
}

.lb-pool-button {
        transition: background 0.4s ease-in-out, color 0.4s ease-in-out;
        display: block;
        width: 100%;
        text-align: center;
        text-decoration: none;
        font-weight: 500;
        cursor: pointer;
        border-color: #b27700;
        box-shadow: 0 8px 24px rgba(254, 193, 7, .18);
        margin-top: 20px;
        padding: 8px;
        font-size: 15px;
        border-radius: 5px;
        margin-bottom: 0px;
        background: #FFFFFF;
        border: solid 2px;
    }

.lb-pool-button:hover {
    color: #fff;
    background: #16406d;
}
	
	.lb-pool-button:hover {
    background: #fbb70a;
    color: #000000;
}

.lb-no-results {
    padding: 30px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
    box-shadow: 0 10px 28px rgba(0,0,0,.06);
margin-top: 30px;
}
	

/*  Header image bg a menu - PC */
	
.inside-header {
        height: 350px;
        display: flex;
        flex-direction: column;       /* Seřadí prvky pod sebe (logo nahoře, menu dole) */
        justify-content: space-between; /* Zatlačí logo nahoru a menu úplně dolů */
        align-items: stretch;         /* Umožní prvkům roztáhnout se na plnou šířku */
        padding-bottom: 0 !important; /* Odstraní spodní vnitřní okraj, aby menu sedělo na hraně */
    }

    /* 2. Roztažení navigace na celou šířku */
    .site-header .main-navigation {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* 3. Vycentrování samotných položek menu uvnitř pruhu */
    .inside-navigation.grid-container {
        max-width: 100%;              /* Aby pruh pozadí šel od kraje ke kraji */
        justify-content: center;      /* Vycentruje menu (ul) horizontálně */
    }

#site-navigation.main-navigation {
        margin-top: 0px;
        margin-bottom: 0px;
        position: absolute;
        bottom: 0px;
left:0px;
right:0px
    }
	
#masthead.site-header.is-fixed-mobile-header .site-logo {display:none !important}	
	
#site-navigation.main-navigation.is-fixed {
    position: fixed;
    top: 0;
    bottom: auto;
    z-index: 9999;
    padding-top: 50px;
    border-top: solid 2px #b27700;
    xbackground: 
        url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Logo-Laminatovy-Bazen-Gold-3.png) 70px -10px / 320px no-repeat,
        radial-gradient(circle at 20% 0%, rgba(42, 191, 213, 0.28), transparent 34%), 
        radial-gradient(circle at 85% 30%, rgba(216, 167, 53, 0.12), transparent 28%), 
        linear-gradient(135deg, #061b2f 0%, #07394a 48%, #0b6470 100%);
	background: 
        url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/laminatovy-bazen-logo-fix-no-black-3.png) 82px 8px / 350px no-repeat,
        radial-gradient(circle at 20% 0%, rgba(42, 191, 213, 0.28), transparent 34%), 
        radial-gradient(circle at 85% 30%, rgba(216, 167, 53, 0.12), transparent 28%), 
        linear-gradient(135deg, #061b2f 0%, #07394a 48%, #0b6470 100%);
     
}
	
#site-navigation.main-navigation.is-fixed::before {
content:"";
position:absolute;
top:13px;
left:25px;
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Lang-CZ.webp) 0px 0px / 42px no-repeat;
border-radius:5px;
border:solid 1px #205a5a;
width:42px;
height:28px;
background-color:#205a5a;
padding:0px;
}
	
	
x#site-navigation.main-navigation.is-fixed::after {
content:"";
position:relative;
xtop:14px;
xleft:25px;
xbackground: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/05/Lang-CZ.webp) 0px -1px / 42px no-repeat;
border-radius:5px;
border:solid 1px #205a5a;
width:42px;
height:28px;
background-color:red;
padding:0px;
margin:auto;
}	
	
	
	
.site-header .header-widget {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
position:absolute;
right:20px;
top:20px;
z-index: 100;
    }	
	
.site-header .header-widget #menu-socials-and-languages a {padding:0px;
margin:0px;
line-height: normal;
}	
	
.site-header .header-widget #menu-socials-and-languages img {width:60px;height:40px;}	
	
.site-header {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 20;
    background-image: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/1-Laminatovy-bazen-header-wide-screen.webp);
    background-position: 0px 15%;
    background-repeat: no-repeat;
        background-size: cover;
max-height: 350px;	
}	
	
x.inside-footer-widgets>div {width:48%}
	
}

/* =========================================================
   3) FULL HD / DESKTOP - od 1360px
   ========================================================= */


@media (min-width: 1360px) {

  #site-navigation .main-nav > ul,
  #site-navigation .main-nav ul.sf-menu {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }

  #site-navigation .main-nav ul li {
    flex: 0 0 auto;
  }

  #site-navigation .main-nav ul li a {
    white-space: nowrap;
  }
	
	



}

/* =========================================================
   3) FULL HD / DESKTOP - od 1360px
   ========================================================= */


@media (min-width: 1600px) {
	
/* Video resize - PC */	
	
 x.body.home {
        --home-header-offset: 420px;
        --home-video-min-height: 800px;
        --home-video-max-height: 1970px;
    }

    x.body.home #main .video-slogan-text-box figure.wp-block-video {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        text-align:center;
        display: flex;
        justify-content: center;

        height: clamp(
            var(--home-video-min-height),
            calc(100svh - var(--home-header-offset)),
            var(--home-video-max-height)
        );
        overflow: hidden;
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Ilustrace-bg-6.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }

    x.body.home #main .video-slogan-text-box figure.wp-block-video video {
        xwidth: 100%;
        xheight: 100% !important;
        display: block;
        object-fit: cover;
        object-position: center center;
text-align:center;
    }	
	
	
/* Homepage Hero Video - Figure - Small Viewport Height - PC  */

body.home #main .video-slogan-text-box figure.wp-block-video {
  width: 100%;
  aspect-ratio: 16 / 9; /* Zachová poměr stran videa */
  max-height: 87svh;  /* Video nikdy nezabere více než 80 % viditelné plochy */
  object-fit: contain;  /* Zajistí, že video vyplní plochu bez deformace */
background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/07/Video-bg-wide-screen-2.webp);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;	
        display:flex;
        justify-content: center;
}

/* Pro video element samotný */
body.home #main .video-slogan-text-box figure.wp-block-video video {
  width: auto;
  height: 100%;
  object-fit: contain;
border-left:solid 1px #eab94c;
border-right:solid 1px #eab94c;
padding:1px;
}	
	
	
}


/* ==================================================
   FIXNUTÁ MOBILNÍ HLAVIČKA – premium underwater style
================================================== */

@media (max-width: 1180px) {

    #masthead.site-header.is-fixed-mobile-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 99999;
        min-height: 62px;
        background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Logo-Laminatovy-Bazen-Gold-3.png) 70px 8px / 200px no-repeat, 
            radial-gradient(circle at 88% 0%, rgba(243, 211, 122, 0.18), transparent 32%),
            radial-gradient(circle at 12% 100%, rgba(42, 191, 213, 0.18), transparent 34%),
            linear-gradient(135deg, #051b2d 0%, #07384a 48%, #0b6470 100%) !important;

        border-bottom: 1px solid rgba(215, 174, 74, 0.78);

        box-shadow:
            0 8px 24px rgba(0, 0, 0, 0.28),
            inset 0 1px 0 rgba(255, 255, 255, 0.08);

        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);

        transition:
            background 0.35s ease,
            box-shadow 0.35s ease,
            border-color 0.35s ease,
            min-height 0.35s ease;
    }

    /* Vnitřní rozložení fixnuté lišty */
    #masthead.site-header.is-fixed-mobile-header .inside-header {
        min-height: 68px;
        padding: 10px 15px 0px 15px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position:relative;
        gap: 10px;
    }

    /* Logo ve fixnuté liště */
    #masthead.site-header.is-fixed-mobile-header .site-logo img.header-image.is-logo-image,
    #masthead.site-header.is-fixed-mobile-header .site-logo img.custom-logo {
        max-height: 38px;
        width: auto;
        object-fit: contain;

        filter:
            drop-shadow(0 2px 3px rgba(0, 0, 0, 0.65))
            drop-shadow(0 0 8px rgba(243, 211, 122, 0.32));

        transition:
            max-height 0.35s ease,
            filter 0.35s ease,
            transform 0.35s ease;
display:none;
    }

    /* Vlajka ve fixnuté hlavičce */
    #masthead.site-header.is-fixed-mobile-header .header-widget img,
    #masthead.site-header.is-fixed-mobile-header .language-flag,
    #masthead.site-header.is-fixed-mobile-header img[src*="flag"],
    #masthead.site-header.is-fixed-mobile-header img[src*="vlaj"] {
        max-height: 30px;
        width: auto;
        border-radius: 4px;
        box-shadow:
            0 2px 6px rgba(0, 0, 0, 0.35),
            0 0 0 1px rgba(255, 255, 255, 0.24);
    }

    /* Mobilní tlačítko menu */
    #masthead.site-header.is-fixed-mobile-header .menu-toggle,
    #masthead.site-header.is-fixed-mobile-header #mobile-menu-control-wrapper .menu-toggle {

        padding: 8px 8px 8px 8px;
        color: #ffffff !important;
        background:
            linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)) !important;
        border: 1px solid rgba(215, 174, 74, 0.52);
        border-radius: 5px;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.12),
            0 3px 10px rgba(0, 0, 0, 0.22);

        transition:
            background 0.25s ease,
            border-color 0.25s ease,
            box-shadow 0.25s ease,
            transform 0.25s ease;
margin-top:2px;
margin-right:-6px;
    }

    #masthead.site-header.is-fixed-mobile-header .menu-toggle:hover,
    #masthead.site-header.is-fixed-mobile-header #mobile-menu-control-wrapper .menu-toggle:hover {
        background:
            linear-gradient(135deg, rgba(215, 174, 74, 0.18), rgba(255, 255, 255, 0.06)) !important;

        border-color: rgba(243, 211, 122, 0.88);

        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            0 4px 14px rgba(0, 0, 0, 0.28),
            0 0 12px rgba(243, 211, 122, 0.18);
    }

    /* Ikonka hamburgeru */
    #masthead.site-header.is-fixed-mobile-header .gp-icon svg,
    #masthead.site-header.is-fixed-mobile-header .menu-toggle svg {
        fill: #ffffff;
        color: #ffffff;
    }

    /* Jemná zlatá světelná linka pod fixnutou hlavičkou */
    #masthead.site-header.is-fixed-mobile-header::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px;
        height: 2px;

        background: linear-gradient(
            90deg,
            transparent,
            rgba(199, 163, 75, 0.35),
            rgba(243, 211, 122, 0.95),
            rgba(199, 163, 75, 0.35),
            transparent
        );

        pointer-events: none;
    }
}

/* Responzivní nadpisy FONTY */

body.single-bazen h1 {font-size: clamp(28px, 2.6vw, 32px);letter-spacing: .035em;}
body.single-bazen h2 {font-size: clamp(22px, 2.6vw, 26px);letter-spacing: .035em;font-weight:600;color: #1d3138;}

body.single-bazen h2.Action-Open-Close span.OpenSection {
    margin-left: auto;
    font-size: clamp(16px, 2.6vw, 18px);
    font-family: inherit;
    font-weight: 500;
    color: #234688;
    text-transform: none;
    font-family: serif;
}

body.page h1 {font-size: clamp(28px, 2.6vw, 32px);letter-spacing: .035em;color: #1d3138;}
body.page h2 {font-size: clamp(24px, 2.6vw, 26px);letter-spacing: .035em;font-weight:600;color: #1d3138;}

body.archive h1 {font-size: clamp(28px, 2.6vw, 32px);letter-spacing: .035em;color: #1d3138;}
body.archive h2 {font-size: clamp(24px, 2.6vw, 26px);letter-spacing: .035em;font-weight:600;color: #1d3138;}

body.single-prislusenstvi_bazenu h1 {font-size: clamp(28px, 2.6vw, 32px);letter-spacing: .035em;color: #1d3138;}
body.single-prislusenstvi_bazenu h2 {font-size: clamp(24px, 2.6vw, 26px);letter-spacing: .035em;font-weight:600;color: #1d3138;}

#footer-widgets h2 {font-size: clamp(26px, 2.6vw, 30px);letter-spacing: .035em;font-weight:600;}



/* ==================================================
   PŘEHLED MODELŮ BAZÉNŮ – PREMIUM CARDS
   laminatovy-bazen.cz
================================================== */

/* Grid modelů */
.lb-models-grid {
    display: grid;
    gap: 15px;
}

/* Celá karta modelu */
.lb-model-card {
    position: relative;
    overflow: hidden;

    padding: 20px 20px 20px 20px;
    border-radius: 10px;

    border: 1px solid rgba(199, 163, 75, 0.36);

    box-shadow:
        0 14px 34px rgba(8, 52, 78, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);

    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease,
        border-color 0.28s ease;

background: #205a5a;

}

/* Jemný dekor v pravém spodním rohu karty */
.lb-model-card::after {
    content: "";
    position: absolute;
    right: -70px;
    bottom: -70px;

    width: 190px;
    height: 190px;
    border-radius: 50%;

    background:
        radial-gradient(circle, rgba(42, 191, 213, 0.16), transparent 62%);

    pointer-events: none;
    z-index: 0;
}

/* Vše uvnitř nad dekorem */
.lb-model-card > * {
    position: relative;
    z-index: 1;
}

/* Hover celé karty */
.lb-model-card:hover {
    transform: translateY(-5px);

    border-color: rgba(199, 163, 75, 0.72);

    box-shadow:
        0 20px 44px rgba(8, 52, 78, 0.18),
        0 0 0 1px rgba(199, 163, 75, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Obrázek modelu */
.lb-model-card .lb-model-card-image-link {
    display: block;
    overflow: hidden;
    margin-bottom: 18px;
    border-radius: 10px;
    border: 1px solid rgba(199, 163, 75, 0.58);
    background:
        linear-gradient(180deg, #ffffff 0%, #f6fbfd 100%);
    box-shadow:
        0 10px 22px rgba(8, 52, 78, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    padding:0px;
}

.lb-model-card-image-link img {
    display: block;
    width: 100%;
    height: auto;

    transition:
        transform 0.38s ease,
        filter 0.38s ease;
}

.lb-model-card:hover .lb-model-card-image-link img {
    transform: scale(1.035);
    filter: saturate(1.04) contrast(1.03);
}

/* Název modelu */
.lb-model-card-title {
    margin: 0 0 4px;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #0f3d63;
    background: url(https://laminatovy-bazen.cz/wp-content/uploads/2026/06/Comfort-Best-Logo-320.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: top right;
    background-size: contain;
}

.lb-model-card-title a {
    color: inherit;
    text-decoration: none;
}

/* Řada modelu – COMFORT BEST */
.lb-model-card .lb-model-series,
.lb-model-card .lb-model-card-series {
    display: block;

    margin-bottom: 18px;

    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    color: rgba(240, 184, 62, 1);
}

/* Blok dostupných rozměrů – jasné napojení na kartu */

.lb-model-card-variants-title {font-size:16px;}

.lb-model-card-variants {
    position: relative;

    display: flex;
    flex-direction: column;
    gap: 12px;

    margin-top: 18px;
    padding-top: 20px;

    border-top: 1px solid rgba(22, 64, 109, 0.12);
}

/* Zlatá linka nad rozměry */
.lb-model-card-variants::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;

    width: 100%;
    height: 2px;
    border-radius: 999px;

    background: linear-gradient(
        90deg,
        #c7a34b 0%,
        #f2d178 45%,
        rgba(42, 191, 213, 0.25) 100%
    );
}



/* Popisek Dostupné rozměry */
.lb-model-card-variants .lb-model-variants-title {
    display: block;
    margin: 0 0 2px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    color: #1e2f39;
}

/* Jednotlivé rozměrové varianty */
.lb-model-card-variants .lb-model-variant-link {
    display: block;
    padding: 5px 5px 10px 5px;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid rgba(22, 64, 109, 0.16);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(248,252,253,0.98) 100%);
    box-shadow:
        0 6px 16px rgba(8, 52, 78, 0.07),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    color: #0f3d63;
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        background 0.22s ease,
        box-shadow 0.22s ease,
        color 0.22s ease;
}

/* Text DETAIL BAZÉNU uvnitř odkazu */
.lb-model-card-variants .lb-model-variant-link span,
.lb-model-card-variants .lb-model-variant-link small {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    color: #1c3238;
}

.lb-model-card-variants .lb-model-variant-link .lb-model-variant-name {display:none}

.lb-model-card-variants .lb-model-variant-link .lb-model-variant-size {text-transform:normal}

.lb-model-card-variants .lb-model-variant-link span.lb-model-variant-size {text-transform: none !important}

.lb-model-card-variants .lb-model-variant-link  span.lb-model-variant-detail {
    display: block;
    margin-top: 8px;
    color: rgb(178, 119, 0);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}


/* Hover na variantě */
.lb-model-card-variants .lb-model-variant-link:hover {
    transform: translateY(-2px);
    color: #0b3556;
    border-color: rgba(199, 163, 75, 0.62);
    background:
        linear-gradient(180deg, #ffffff 0%, #edf8fb 100%);
    box-shadow:
        0 12px 24px rgba(8, 52, 78, 0.13),
        0 0 0 1px rgba(199, 163, 75, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* Hover text DETAIL BAZÉNU */
.lb-model-card-variants .lb-model-variant-link:hover span,
.lb-model-card-variants .lb-model-variant-link:hover small {
    color: #9f6b05;
}

/* Jemný focus pro přístupnost */
.lb-model-card-variants .lb-model-variant-link:focus-visible,
.lb-model-card-variants .lb-model-card-image-link:focus-visible,
.lb-model-card-variants .lb-model-card-title a:focus-visible {
    outline: 2px solid rgba(199, 163, 75, 0.85);
    outline-offset: 3px;
}