*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f5efe5;color:#3b342d;font-family:Arial,sans-serif}
.topbar{height:78px;background:#25231f;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:10}
.brand{color:#fff;text-decoration:none;font-weight:700;letter-spacing:2px}.brand span{color:#d77a3c}
nav{display:flex;gap:28px}nav a{color:#fff;text-decoration:none;font-size:14px}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}
.hero{line-height:0;background:#eee;overflow:hidden}.hero img,.dogs img{display:block;width:100%;height:auto}
.about-section{background:#f3eadf;padding:70px 6%}
.about-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr .18fr;gap:45px;align-items:center}
.about-kicker{text-transform:uppercase;letter-spacing:2px;font-size:12px}.about-copy h2{font-family:Georgia,serif;font-size:52px;margin:8px 0}.about-line{width:70px;border-top:2px solid #d77a3c;margin:20px 0}.about-copy p{font-size:17px;line-height:1.8;max-width:650px}.about-button{display:inline-block;margin-top:12px;padding:13px 20px;border:1px solid #8c6a4e;color:#3b342d;text-decoration:none}.about-art img{width:100%;display:block}.about-values{display:flex;flex-direction:column;gap:28px;writing-mode:vertical-rl;letter-spacing:3px;font-size:11px}.dogs{background:#fff;position:relative}.dog-name{position:absolute;left:10%;bottom:7%;background:rgba(35,35,30,.78);color:#fff;padding:12px 18px;font-family:Georgia,serif;font-size:18px}
.future-section{min-height:45vh;padding:80px 7%;display:flex;flex-direction:column;justify-content:center}.future-section span{letter-spacing:3px;font-size:12px}.future-section h1{font-family:Georgia,serif;font-size:50px}
@media(max-width:768px){
 .topbar{height:64px;background:rgba(37,35,31,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:sticky;top:0}
 .brand{opacity:.88}nav{display:none;position:absolute;top:64px;left:0;right:0;background:rgba(37,35,31,.92);flex-direction:column;padding:20px 6%;gap:16px}nav.open{display:flex}.menu-toggle{display:block}
 .about-section{padding:45px 6%}.about-inner{display:block}.about-copy h2{font-size:38px}.about-copy p{font-size:15px}.about-art{margin-top:30px}.about-values{display:none}.dogs .dog-name{font-size:14px;left:5%;bottom:5%}
}

.dogs-heading{text-align:center;padding:65px 20px 30px}
.dogs-heading span{font-size:12px;letter-spacing:3px}
.dogs-heading h2{font-family:Georgia,serif;font-size:48px;margin:8px 0 0}
.dog-grid{max-width:1200px;margin:0 auto;padding:0 4% 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dog-card{text-align:center}
.dog-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.profile-button{display:inline-block;margin-top:16px;padding:12px 18px;border:1px solid #8c6a4e;color:#3b342d;text-decoration:none;font-size:12px;letter-spacing:1px;background:transparent}
.profile-page{max-width:1200px;margin:0 auto;padding:50px 6% 80px}
.back-link{color:#3b342d;text-decoration:none;font-size:13px}
.profile-page h1{font-family:Georgia,serif;font-size:48px;font-weight:400;margin:35px 0}
.profile-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.profile-gallery img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}
@media(max-width:768px){
 .dogs-heading{padding:45px 20px 20px}.dogs-heading h2{font-size:36px}
 .dog-grid{grid-template-columns:1fr;padding:0 6% 50px;gap:35px}
 .profile-page h1{font-size:34px}.profile-gallery{grid-template-columns:1fr}
}

.profile-button:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}


.hero{position:relative}.social-overlay{position:absolute;top:3.1%;width:2.5%;height:5.5%;z-index:5;display:block}.social-facebook{left:77.2%}.social-instagram{left:81.0%}
@media(max-width:768px){.social-overlay{top:3.1%;width:7%;height:8%}.social-facebook{left:77.2%}.social-instagram{left:81.0%}}


.contact-section { padding: 90px 7%; text-align: center; }
.contact-section > span { letter-spacing: .18em; font-size: 12px; }
.contact-section h1 { margin: 14px 0 28px; font-size: 42px; font-weight: 400; }
.contact-details { display: flex; justify-content: center; gap: 34px; flex-wrap: wrap; }
.contact-details a { color: inherit; text-decoration: none; font-size: 17px; }
.contact-details a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:768px){ .contact-section { padding: 65px 6%; } .contact-section h1 { font-size: 32px; } .contact-details { gap: 16px; flex-direction: column; } }

/* CHOV – nový obsah; ostatné sekcie ponechané bez zmeny */
.chov-section{background:#f3eadf;padding:80px 6%;}
.chov-inner{max-width:1200px;margin:0 auto;}
.chov-heading{text-align:center;margin-bottom:38px;}
.chov-heading span{display:block;letter-spacing:3px;font-size:12px;color:#3b342d;}
.chov-heading h1{font-family:Georgia,serif;font-size:44px;font-weight:400;margin:10px 0 0;color:#3b342d;}
.chov-image{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;}
.chov-image img{display:block;width:100%;height:auto;box-shadow:0 18px 45px rgba(59,52,45,.18);}
@media(max-width:768px){
 .chov-section{padding:50px 5%;}
 .chov-heading{margin-bottom:25px;}
 .chov-heading h1{font-size:30px;line-height:1.2;}
 .chov-image{grid-template-columns:1fr 1fr;gap:10px;}
}


/* SK / EN language switch */
.language-switch{position:absolute;top:3.1%;left:84.2%;z-index:7;display:flex;align-items:center;gap:5px;color:#fff;font-size:11px;letter-spacing:1px;line-height:1;background:rgba(37,35,31,.38);padding:5px 7px;border-radius:3px;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.language-switch button,.page-language-switch button{border:0;background:none;color:inherit;padding:0;cursor:pointer;font:inherit;letter-spacing:inherit}
.language-switch button.active,.page-language-switch button.active{color:#d77a3c;font-weight:700}
.language-switch button:hover,.page-language-switch button:hover{text-decoration:underline;text-underline-offset:3px}
.page-language-switch{margin-left:auto;display:flex;align-items:center;gap:5px;color:#fff;font-size:11px;letter-spacing:1px;line-height:1}
.topbar .page-language-switch{order:3}
@media(max-width:768px){
 .language-switch{top:3.1%;left:83.0%;font-size:10px;padding:4px 6px;gap:4px}
 .page-language-switch{position:absolute;right:18%;top:24px;}
}