*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:'Poppins', sans-serif;

}



body{

background:#f8f8f8;

color:#333;

}



/* HEADER */



header{

background:linear-gradient(135deg,#111,#444);

color:white;

padding:15px 50px;

display:flex;

justify-content:space-between;

align-items:center;

}



.logo{

display:flex;

align-items:center;

gap:15px;

}



.logo img{

height:55px;

}



.logo span{

font-size:20px;

font-weight:600;

}



nav a{

color:white;

text-decoration:none;

margin-left:20px;

font-weight:500;

transition:0.3s;

}



nav a:hover{

color:#d4a373;

}



/* HERO */



.hero{

height:80vh;

background:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url("hero.webp");

background-size:cover;

background-position:center;

display:flex;

justify-content:center;

align-items:center;

text-align:center;

color:white;

padding:20px;

}



.hero h1{

font-size:46px;

}



.hero p{

margin:20px 0;

font-size:20px;

}



.btn{

padding:12px 30px;

background:#d4a373;

color:white;

border-radius:30px;

text-decoration:none;

transition:0.3s;

display:inline-block;

}



.btn:hover{

background:#b07d50;

}



/* SEKCE */



section{

padding:60px 50px;

}



.section-title{

text-align:center;

margin-bottom:35px;

font-size:32px;

}



/* SLUŽBY */



.services{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:30px;

}



.card{

background:white;

padding:30px;

border-radius:20px;

border:1px solid #f1f1f1;

box-shadow:0 15px 35px rgba(0,0,0,0.08);

text-align:center;

transition:0.3s;

width:100%;

overflow:hidden;

}



.card:hover{

transform:translateY(-3px);

}



/* GALERIE */



.gallery-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

gap:25px;

max-width:1100px;

margin:auto;

margin-top:20px;

}



.gallery-item{

overflow:hidden;

border-radius:15px;

box-shadow:0 10px 25px rgba(0,0,0,0.1);

}



.gallery-item img{

width:100%;

height:300px;

object-fit:cover;

transition:0.4s;

cursor:pointer;

}



.gallery-item img:hover{

transform:scale(1.05);

}



/* LIGHTBOX */



.lightbox{

display:none;

position:fixed;

z-index:2000;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,0.9);

justify-content:center;

align-items:center;

}



.lightbox-content{

max-width:80%;

max-height:80%;

border-radius:10px;

}



.close{

position:absolute;

top:30px;

right:40px;

font-size:40px;

color:white;

cursor:pointer;

}



.prev,.next{

position:absolute;

top:50%;

transform:translateY(-50%);

background:#d4a373;

border:none;

color:white;

font-size:25px;

padding:10px 18px;

border-radius:50%;

cursor:pointer;

}



.prev{left:40px;}

.next{right:40px;}



.prev:hover,.next:hover{

background:#b07d50;

}



/* OTEVÍRACÍ DOBA */

.contact-title::after{

    content:'';

    display:block;

    width:60px;

    height:3px;

    background:#d4a373;

    margin:12px auto 0;

    border-radius:20px;

}

.opening-hours{

    margin-top:20px;

    width:100%;

    overflow:hidden;

}



.opening-hours > div{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    padding:16px 0;

    border-bottom:1px solid #f1f1f1;

}



.opening-hours > div:hover{

    background:#faf7f3;

    border-radius:12px;

    padding-left:10px;

    padding-right:10px;

}



.day{

    display:flex;

    align-items:center;

    gap:14px;

    font-weight:600;

    color:#222;

}



.icon-circle{

    width:42px;

    height:42px;

    min-width:42px;

    border-radius:50%;

    background:#f6f1eb;

    display:flex;

    align-items:center;

    justify-content:center;

}



.opening-hours > div > span:last-child{

    text-align:right;

    white-space:nowrap;

}

.separator{

    color:#d4a373;

    font-weight:700;

    margin:0 6px;

}



.appointment{

    color:#d4a373 !important;

    font-weight:600 !important;

}



.closed{

    color:#d9534f !important;

    font-weight:600 !important;

}

/* GRID OTEVÍRACÍ DOBA + KONTAKT */



.info-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:40px;

    max-width:1100px;

    margin:auto;

    align-items:stretch;

}



.info-grid .card{

    height:100%;

}



/* MAPA */



.map-box{

margin-top:20px;

border-radius:10px;

overflow:hidden;

}





/* FOOTER */



footer{

background:#111;

color:white;

text-align:center;

padding:30px;

margin-top:50px;

}



/* COOKIE BAR */



.cookie-bar{

position:fixed;

bottom:0;

left:0;

width:100%;

background:#111;

color:#fff;

padding:12px 30px;

display:flex;

justify-content:space-between;

align-items:center;

font-size:14px;

z-index:3000;

}



.cookie-bar a{

color:#d4a373;

text-decoration:none;

}



.cookie-bar form{

display:flex;

gap:10px;

}



.cookie-bar button{

padding:6px 16px;

border:none;

border-radius:20px;

cursor:pointer;

background:#d4a373;

color:#fff;

}



/* RESPONSIVE */



@media(max-width:768px){



header{

    flex-direction:column;

    text-align:center;

}



nav{

    margin-top:10px;

}



section{

    padding:40px 15px;

}



.info-grid{

    grid-template-columns:1fr;

}



.opening-hours > div{

    flex-direction:column;

    align-items:flex-start;

    gap:10px;

}



.opening-hours > div > span:last-child{

    white-space:normal;

    text-align:left;

    width:100%;

    margin-left:56px;

}



.day{

    width:100%;

}



.card{

    padding:20px;

}



.hero h1{

    font-size:32px;

}



.hero p{

    font-size:16px;

}



.cookie-bar{

    flex-direction:column;

    gap:10px;

    text-align:center;

}



}

/* ZMĚNIT COOKIES */



.change-consent{

background:none;

border:1px solid #d4a373;

color:#d4a373;

padding:8px 16px;

border-radius:20px;

cursor:pointer;

transition:0.3s;

font-size:14px;

margin-top:10px;

}



.change-consent:hover{

background:#d4a373;

color:white;

}













.material-symbols-outlined{

    color:#d4a373 !important;

    font-size:22px !important;

}



.closed-icon .material-symbols-outlined{

    color:#c75b5b !important;

}





/* Kontakt */



.contact-title{

    font-size:22px;

    font-weight:600;

    margin-bottom:30px;

}



.contact-item{

    display:flex;

    gap:16px;

    text-align:left;

    padding-bottom:20px;

    margin-bottom:20px;

    border-bottom:1px solid #f1f1f1;

}



.contact-label{

    color:#d4a373;

    font-size:18px;

    font-weight:600;

}



.contact-value a{

    color: black;

    font-size:17px;

    font-weight:600;

    line-height:1.5;

    text-decoration: none;

}



.contact-note{

    color:#777;

    margin-top:4px;

}



.contact-btn{

    width:100%;

    max-width:260px;

    margin:auto;

    display:block;

    text-align:center;

}



.map-box iframe{

    width:100%;

    height:260px;

    border:0;

    border-radius:12px;

}