*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#F7F3EB;color:#3A2F28;line-height:1.6}.page-wrapper{min-height:100vh}.main-header{width:100%;padding:16px 24px;position:sticky;top:0;z-index:70;background:rgb(247 243 235 / .9);backdrop-filter:blur(10px);border-bottom:1px solid rgb(0 0 0 / .05);transition:background 0.3s ease,box-shadow 0.3s ease}.main-header.scrolled{background:rgb(247 243 235 / .97);box-shadow:0 10px 24px rgb(0 0 0 / .12)}.main-header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-link{font-size:1.6rem;font-weight:700;letter-spacing:.08em;text-decoration:none;color:#3A2F28;transition:color 0.25s ease,opacity 0.25s ease}.logo-link:hover{color:#A67C52;opacity:.85}.nav-desktop{display:none;gap:32px}.nav-link{text-decoration:none;color:#3A2F28;font-size:1rem;transition:color 0.25s ease,opacity 0.25s ease}.nav-link:hover{color:#A67C52;opacity:.8}.menu-button{font-size:2rem;background:none;border:none;cursor:pointer;color:#3A2F28;padding:0;line-height:1}.menu-button span{display:inline-block;transition:transform 0.25s ease}.menu-button.open span{transform:rotate(90deg)}#mobileMenu{position:fixed;top:70px;left:0;right:0;background:#F7F3EB;padding:20px 24px;font-size:1.1rem;box-shadow:0 12px 30px rgb(0 0 0 / .12);z-index:60;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity 0.25s ease,transform 0.25s ease}#mobileMenu.open{opacity:1;transform:translateY(0);pointer-events:auto}#mobileMenu a{display:block;padding:12px 0;border-bottom:1px solid rgb(0 0 0 / .06);text-decoration:none;color:#3A2F28}#mobileMenu a:last-child{border-bottom:none}#overlay{position:fixed;inset:0;background:rgb(0 0 0 / .35);z-index:50;opacity:0;pointer-events:none;transition:opacity 0.25s ease}#overlay.open{opacity:1;pointer-events:auto}.hero{position:relative;height:70vh;min-height:420px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(0 0 0 / .45),rgb(0 0 0 / .15));z-index:10}.hero-content{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}.hero-title{font-size:clamp(2.2rem, 4vw, 3.6rem);font-weight:700;color:#FFF;text-shadow:0 4px 18px rgb(0 0 0 / .6);margin-bottom:12px}.hero-subtitle{font-size:clamp(1.1rem, 2vw, 1.5rem);color:#FDFBF7;max-width:640px;text-shadow:0 2px 10px rgb(0 0 0 / .5)}.hero-button{margin-top:28px;padding:12px 32px;background:#8A653F;color:#fff;border-radius:999px;text-decoration:none;font-size:1.05rem;box-shadow:0 10px 25px rgb(0 0 0 / .25);transition:background 0.25s ease,transform 0.2s ease}.hero-button:hover{background:#6F5334;transform:translateY(-2px)}.section,.section-alt{padding:90px 24px;position:relative}.section::after,.section-alt::after{content:"";position:absolute;bottom:0;left:50%;width:80%;height:1px;transform:translateX(-50%);background:rgb(0 0 0 / .06)}.section-alt{background:#FFF}.section-inner{max-width:1100px;margin:0 auto}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:40px}.about-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}.about-image{width:100%;border-radius:20px;box-shadow:0 14px 32px rgb(0 0 0 / .12);object-fit:cover}.about-text{font-size:1.08rem;font-weight:500;color:#4F433C;line-height:1.65;max-width:620px}@media (min-width:768px){.about-grid{grid-template-columns:1.1fr 1fr;gap:48px}}.process-grid{display:grid;grid-template-columns:1fr;gap:32px;text-align:center}.process-item{background:#FFF;border-radius:18px;padding:28px 22px;box-shadow:0 12px 30px rgb(0 0 0 / .08);transition:transform 0.25s ease,box-shadow 0.25s ease}.process-item:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgb(0 0 0 / .12)}.process-icon{font-size:3rem;margin-bottom:14px;transition:transform 0.25s ease}.process-item:hover .process-icon{transform:scale(1.12)}.process-title{font-size:1.3rem;font-weight:600;margin-bottom:10px}.process-text{font-size:1rem;color:#5A4A42;line-height:1.55}@media (min-width:768px){.process-grid{grid-template-columns:repeat(3,1fr)}}.what-grid{display:grid;grid-template-columns:1fr;gap:32px}.what-item{display:flex;gap:20px;align-items:flex-start;padding:8px 0;transition:transform 0.2s ease,opacity 0.2s ease}.what-item:hover{transform:translateY(-2px);opacity:.96}.what-image{width:125px;height:125px;border-radius:14px;object-fit:cover;box-shadow:0 8px 18px rgb(0 0 0 / .12);flex-shrink:0;transition:opacity 0.4s ease;opacity:1}.what-image.fade-out{opacity:0}.what-title{font-size:1.35rem;font-weight:600;margin-bottom:6px;color:#3A2F28}.what-text{font-size:1.02rem;color:#6A5A50;line-height:1.55}@media (min-width:768px){.what-grid{grid-template-columns:repeat(2,1fr)}}#produkty{padding-top:40px;padding-bottom:80px}@media (max-width:767px){.home-page .product-grid .product-card:nth-child(n+4){display:none}}@media (min-width:768px){.home-page .product-grid .product-card:nth-child(n+7){display:none}}.product-filter{display:flex;gap:12px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.filter-btn{padding:8px 18px;border-radius:999px;background:#EDE7DD;color:#3A2F28;text-decoration:none;font-size:.95rem;transition:background 0.25s ease,transform 0.2s ease}.filter-btn:hover{background:#D8CFC2;transform:translateY(-2px)}.filter-btn.active{background:#A67C52;color:#fff}.product-grid{display:grid;grid-template-columns:1fr;gap:32px}.product-card{background:#FFF;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgb(0 0 0 / .12);transition:transform 0.3s ease,box-shadow 0.3s ease}.product-card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 26px 60px rgb(0 0 0 / .18)}.product-image{width:100%;height:260px;object-fit:cover;transition:transform 0.3s ease}.product-card:hover .product-image{transform:scale(1.06)}.product-info{padding:20px}.product-title{font-size:1.3rem;font-weight:700;margin-bottom:8px}.product-description{font-size:.95rem;color:#5A4A42;margin-bottom:12px}.product-price{font-size:1.2rem;font-weight:600;color:#A67C52}.product-image-wrapper{position:relative}.product-inquire-btn{display:block;margin-top:14px;padding:10px 20px;background-color:#A67C52;color:#fff;font-size:.95rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease,opacity 0.3s ease;opacity:0}.product-inquire-btn:hover{background-color:#8C6B4F}.product-inquire-btn:focus{outline:none}@media (min-width:768px){.product-card:hover .product-inquire-btn{opacity:1}}@media (max-width:767px){.product-inquire-btn{opacity:1}}.show-more-wrapper{text-align:center;margin-top:50px;padding-top:40px;border-top:1px solid rgb(0 0 0 / .06)}.show-more-btn{padding:12px 28px;background:#A67C52;color:#fff;border-radius:999px;text-decoration:none;font-size:1rem;transition:background 0.25s ease,transform 0.2s ease}.show-more-btn:hover{background:#8C6B4F;transform:translateY(-2px)}#poptavka{padding-top:60px;position:relative}#poptavka::before{content:"";position:absolute;top:0;left:50%;width:90%;height:2px;transform:translateX(-50%);background:rgb(0 0 0 / .08)}.form-wrapper{max-width:520px;margin:0 auto;background:#FFF;padding:32px;border-radius:18px;box-shadow:0 18px 40px rgb(0 0 0 / .12)}.form-label{display:block;margin-bottom:16px}.form-label span{font-size:1rem;font-weight:500}.form-input,.form-textarea{width:100%;margin-top:8px;padding:10px 12px;border-radius:10px;border:1px solid rgb(0 0 0 / .12);background:#FFF;font-size:.98rem}.form-textarea{min-height:120px;resize:vertical}.form-button{width:100%;margin-top:12px;padding:12px 0;background:#A67C52;color:#fff;border-radius:999px;font-size:1.05rem;border:none;cursor:pointer;box-shadow:0 10px 25px rgb(0 0 0 / .18);transition:background 0.25s ease,transform 0.2s ease}.form-button:hover{background:#8C6B4F;transform:translateY(-2px)}.hero-products{position:relative;height:45vh;min-height:260px;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-products .hero-bg{position:absolute;inset:0;background-image:url(/images/produkty.jpeg);background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(1.05);transition:transform 1.5s ease}.hero-products:hover .hero-bg{transform:scale(1.1)}.hero-products .hero-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .35)}.hero-products .hero-content{position:relative;text-align:center;color:#fff;padding:0 20px}.hero-products .hero-title{font-size:2.2rem;font-weight:700;margin-bottom:8px}.hero-products .hero-subtitle{font-size:1.1rem;opacity:.9}@media (max-width:640px){.hero-products{height:35vh;min-height:200px}.hero-products .hero-title{font-size:1.6rem}.hero-products .hero-subtitle{font-size:.95rem}}.mobile-cta-bar{position:fixed;bottom:0;left:0;right:0;background:rgb(166 124 82 / .94);backdrop-filter:blur(6px);color:#fff;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;z-index:60;box-shadow:0 -4px 16px rgb(0 0 0 / .15)}.mobile-cta-text{font-weight:500;margin-right:8px}.mobile-cta-link{color:#fff;font-weight:600;text-decoration:none;padding:6px 14px;background:rgb(255 255 255 / .16);border-radius:999px;transition:background 0.25s ease,transform 0.2s ease;white-space:nowrap}.mobile-cta-link:hover{background:rgb(255 255 255 / .24);transform:translateY(-1px)}@media (min-width:768px){.mobile-cta-bar{display:none}}.pagination-wrapper{margin-top:50px;display:flex;justify-content:center}.pagination-wrapper nav{display:inline-flex;gap:6px}.pagination-wrapper a,.pagination-wrapper span{padding:8px 14px;border-radius:10px;background:#FFF;box-shadow:0 8px 20px rgb(0 0 0 / .08);font-size:.95rem;color:#3A2F28;text-decoration:none;transition:all 0.25s ease}.pagination-wrapper a:hover{background:#A67C52;color:#fff;transform:translateY(-2px)}.pagination-wrapper .active span{background:#A67C52;color:#fff;box-shadow:0 10px 25px rgb(0 0 0 / .15)}.logo-link img{display:block;height:42px;object-fit:contain}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:30px}.gallery-item{position:relative;overflow:hidden;border-radius:12px;background:#f3f3f3;aspect-ratio:1 / 1}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,opacity .35s ease;opacity:0;transform:scale(.95)}.gallery-image.loaded{opacity:1;transform:scale(1)}.gallery-item:hover .gallery-image{transform:scale(1.08)}.lightbox-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .85);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.lightbox-image{max-width:90%;max-height:90%;border-radius:12px;animation:zoomIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes zoomIn{from{transform:scale(.8)}to{transform:scale(1)}}.gallery-slider{position:relative;overflow:hidden;margin-top:20px}.gallery-track{display:flex;gap:12px;transition:transform .35s ease;will-change:transform}.gallery-slide{flex-shrink:0;width:75%;max-width:260px;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:#f3f3f3}.gallery-slide-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.gallery-slide:hover .gallery-slide-image{transform:scale(1.06)}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgb(255 255 255 / .85);border:none;font-size:28px;padding:4px 10px;border-radius:8px;cursor:pointer;z-index:10}.gallery-nav.prev{left:4px}.gallery-nav.next{right:4px}@media (max-width:640px){.gallery-slide{width:85%;aspect-ratio:1 / 1}.gallery-nav{font-size:24px;padding:4px 8px}}#scrollTopBtn{position:fixed;bottom:70px;right:20px;background:#A67C52;color:#fff;padding:10px 14px;border-radius:999px;font-size:20px;cursor:pointer;display:none;z-index:70;border:none;box-shadow:0 12px 30px rgb(0 0 0 / .25);transition:background 0.25s ease,transform 0.2s ease}#scrollTopBtn:hover{background:#8C6B4F;transform:translateY(-2px)}.fade-section{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease,transform 0.6s ease}.fade-in-visible{opacity:1;transform:translateY(0)}@media (min-width:768px){.nav-desktop{display:flex}.menu-button{display:none}.about-grid{grid-template-columns:1.1fr 1fr}.process-grid{grid-template-columns:repeat(3,1fr)}.what-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}}
.footer {
background: #f5f1eb;
padding: 40px 20px;
border-top: 1px solid #e0dcd5;
}
.footer-inner {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.footer-logo {
margin-bottom: 20px;
}
.footer-nav ul {
list-style: none;
padding: 0;
margin: 0 0 25px 0;
display: flex;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
}
.footer-nav a {
color: #2a2a2a;
text-decoration: none;
font-size: 16px;
transition: opacity 0.2s ease;
}
.footer-nav a:hover {
opacity: 0.6;
}
.footer-text {
font-size: 14px;
color: #6a6a6a;
}
.page-header.warm-style {
padding: 70px 20px 50px;
text-align: center;
background: #e8dfd4; /* jemnější, světlejší béžová */
border-bottom: 1px solid #d8cbbb;
}
.page-header-inner {
max-width: 900px;
margin: 0 auto;
}
.page-title {
font-size: 40px;
font-weight: 600;
color: #3a2f28; /* tmavě hnědá */
margin-bottom: 10px;
letter-spacing: -0.5px;
}
.page-subtitle {
font-size: 18px;
color: #6a5a4d; /* jemná šedohnědá */
}