
:root{--forest:#203d34;--deep:#142b25;--cream:#f3efe5;--gold:#b49a67;--ink:#24352f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.7}a{color:var(--forest)}.top{background:var(--deep);color:#fff}.top-inner{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:16px 28px}.brand{color:#fff;text-decoration:none;font-family:Georgia,serif;letter-spacing:.11em;font-size:21px}.brand small{display:block;color:#c5bda8;font:10px Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}.nav{display:flex;flex-wrap:wrap;gap:16px}.nav a{color:#eee;text-decoration:none;font-size:13px}.nav a:hover,.nav a.active{color:#e0c590}.hero{background:linear-gradient(130deg,#203d34,#10231f);color:#fff;padding:70px 25px 85px;text-align:center}.hero .hero-logo{width:min(290px,62vw);border-radius:50%;box-shadow:0 20px 65px #0005}.eyebrow{color:#d6b985;letter-spacing:.24em;text-transform:uppercase;font-size:11px;margin:22px 0 10px}.hero h1{font:clamp(34px,6vw,67px)/1.1 Georgia,serif;letter-spacing:.08em;margin:10px 0}.hero p{font-size:15px;color:#e4e5dc}.container{max-width:1100px;margin:auto;padding:60px 26px}.intro{text-align:center;max-width:760px;margin:0 auto 40px}.intro h2,.page-title{font:clamp(30px,4vw,44px) Georgia,serif;color:var(--forest);margin:0 0 15px}.section-title{font:32px Georgia,serif;color:var(--forest);text-align:center}.dog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.dog-card{display:block;background:#fff;color:var(--forest);text-decoration:none;border:1px solid #e5dfd2;border-radius:9px;overflow:hidden;transition:transform .2s,box-shadow .2s}.dog-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #162d2420}.dog-card img{display:block;width:100%;height:235px;object-fit:contain;background:#f3efe5}.dog-card span{display:block;padding:17px;text-align:center;font:21px Georgia,serif}.button{display:inline-block;background:var(--forest);color:#fff;text-decoration:none;border-radius:3px;padding:12px 22px;margin:8px}.button.secondary{background:transparent;color:var(--forest);border:1px solid var(--forest)}.buttons{text-align:center;margin-top:32px}.panel{background:white;padding:30px;border:1px solid #e4ded2;border-radius:8px}.page-head{background:var(--forest);color:white;text-align:center;padding:54px 20px}.page-head h1{font:44px Georgia,serif;margin:0}.page-head p{margin:8px 0;color:#d6c7a6}.archive{background:#fff;border:1px solid #e4ded2;padding:clamp(18px,4vw,45px);border-radius:8px;overflow-wrap:anywhere}.archive img{max-width:100%;height:auto;object-fit:contain}.archive table{max-width:100%;border-collapse:collapse;margin:16px auto}.archive td,.archive th{padding:7px 10px;vertical-align:top}.archive table table{font-size:13px}.archive a{word-break:break-word}.archive p{margin:12px 0}.archive hr{border:0;border-top:1px solid #ddd}.archive font{font-family:inherit}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px}.gallery img{width:100%;height:230px;object-fit:cover;border-radius:5px}.notice{background:#ede6d8;padding:18px;border-left:3px solid var(--gold);margin-bottom:25px}.footer{background:var(--deep);color:#d5ddd7;text-align:center;padding:35px 15px;font-size:13px}.footer a{color:#e3c68e}.tagline{color:#a88d60;letter-spacing:.18em;font-size:11px;text-transform:uppercase}.home-archive{text-align:center;margin:45px auto}.home-archive img{max-height:360px;max-width:100%;object-fit:contain;border-radius:6px}@media(max-width:700px){.top-inner{display:block;text-align:center}.nav{justify-content:center;margin-top:14px;gap:11px}.hero{padding:44px 18px 60px}.container{padding:38px 16px}.archive{padding:15px;overflow-x:auto}.archive table{font-size:12px}.dog-card img{height:210px;object-fit:contain}}

/* Úvod: výraznejšie privítanie a elegantné fotografie bez orezania */
.intro .tagline{font-size:15px;font-weight:700;letter-spacing:.25em;color:#94733d;margin-bottom:12px}
.dog-grid{gap:22px;align-items:stretch}
.dog-card{background:#fffdf9;border:1px solid #ded8c9;border-radius:13px;box-shadow:0 7px 22px rgba(20,43,37,.10);transition:transform .25s,box-shadow .25s,border-color .25s}
.dog-card:hover{transform:translateY(-5px);box-shadow:0 15px 34px rgba(20,43,37,.18);border-color:#b49a67}
.dog-card img{width:100%;height:235px;object-fit:contain;background:#ebe8df;padding:8px;filter:drop-shadow(0 5px 7px rgba(0,0,0,.18))}
.dog-card span{border-top:1px solid #e7e0d4;background:#fffdf9;font-weight:normal;padding:15px 8px 17px}
@media(max-width:700px){.intro .tagline{font-size:14px}.dog-card img{height:210px}}

/* Verzia 4: celé logo, kompaktné karty bez prázdnych pásov */
.hero .hero-logo{width:min(340px,80vw);height:auto;border-radius:0;box-shadow:0 14px 35px rgba(0,0,0,.16);display:block;margin:0 auto;background:#fff}
.dog-grid{gap:18px;align-items:stretch}
.dog-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:10px;border:1px solid #ded8c9;box-shadow:0 8px 24px rgba(20,43,37,.12)}
.dog-card img{width:100%;height:auto;aspect-ratio:5 / 4;object-fit:contain;display:block;background:#fff;padding:0;filter:none;vertical-align:bottom}
.dog-card span{margin-top:0;border-top:1px solid #e7e0d4;background:#fff;padding:12px 8px 14px;font:21px Georgia,serif;text-align:center;flex:1}
.dog-card:hover{box-shadow:0 15px 32px rgba(20,43,37,.2)}
@media(max-width:700px){.dog-card img{height:auto;aspect-ratio:5 / 4}.hero .hero-logo{width:min(300px,82vw)}}

/* Rodokmene: otec nad matkou, 3 generácie, pásikové bunky */
.pedigree-section{margin:38px auto 12px;max-width:1050px}.pedigree-section h2{text-align:center;font:32px Georgia,serif;color:var(--forest);margin:0 0 6px}.pedigree-hint{text-align:center;color:#6b766d;font-size:13px;margin:0 0 22px!important}.pedigree-scroll{overflow-x:auto;padding:8px 4px 20px}.pedigree-grid{display:grid;grid-template-columns:1.1fr 1.25fr 1.45fr;grid-template-rows:repeat(8,minmax(56px,auto));gap:7px;min-width:680px}.pedigree-node{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px;border-radius:5px;background:#f0eee7;border:1px solid #deded2;font-size:14px;line-height:1.35;font-weight:600;overflow-wrap:anywhere}.pedigree-node.parent{background:#dbe8e0;border-left:5px solid #456b58;font-size:16px;color:#203d34}.pedigree-node.dam{background:#e8e2d6;border-left-color:#b49a67}.pedigree-node.grand{background:#e9efe9;border-left:3px solid #92ac99}.pedigree-node.great:nth-child(even){background:#f6f3eb}.pedigree-node.great{border-left:3px solid #c8b995}@media(max-width:700px){.pedigree-section h2{font-size:27px}.pedigree-grid{min-width:680px}.pedigree-node{font-size:12px}.pedigree-node.parent{font-size:14px}}

/* Verzia 7: rodokmen podla grafickeho navrhu c. 2 */
.pedigree-section{max-width:1140px;margin:45px auto 22px;padding:18px 0 8px}
.pedigree-section h2{font:normal 43px Georgia,serif;text-align:center;color:#203d34;margin:0 0 25px}
.pedigree-scroll{overflow-x:auto;padding:12px 9px 28px}
.pedigree-grid{display:grid;grid-template-columns:1.05fr 1.25fr 1.45fr;grid-template-rows:repeat(8,minmax(62px,auto));column-gap:36px;row-gap:10px;min-width:750px}
.pedigree-node{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;padding:12px 15px;font:normal 16px/1.35 Georgia,serif;overflow-wrap:anywhere;box-shadow:0 5px 12px rgba(25,42,33,.10);border:1.5px solid transparent}
.pedigree-node.branch-sire,.pedigree-node.grand.branch-sire,.pedigree-node.great.branch-sire,.pedigree-node.parent.branch-sire{background:linear-gradient(135deg,#e0ecdf,#c8dcc9);color:#1b392e;border-color:#75977c;border-left:2px solid #537e61}
.pedigree-node.branch-dam,.pedigree-node.grand.branch-dam,.pedigree-node.great.branch-dam,.pedigree-node.parent.branch-dam{background:linear-gradient(135deg,#fbf1df,#edddbd);color:#433823;border-color:#c7a96d;border-left:2px solid #b2935b}
.pedigree-node.parent{font-size:19px;font-weight:600}
.pedigree-node.grand{font-size:17px}
.pedigree-node.great{font-size:15px}
.pedigree-node:not([style*="grid-column:3"])::after{content:"";position:absolute;right:-37px;top:50%;width:36px;border-top:1.5px solid #9caa96}
@media(max-width:700px){.pedigree-section h2{font-size:34px}.pedigree-grid{min-width:750px}.pedigree-node.parent{font-size:17px}}


/* Rodokmen – dizajn podľa schváleného vzoru: jednotné vetvy */
.pedigree-section{max-width:1180px;margin:48px auto 24px;padding:20px 0 12px;background:#fffcf6}
.pedigree-section .pedigree-title{font:normal clamp(34px,4vw,54px) Georgia,serif;color:#203d34;text-align:center;margin:0 0 30px;letter-spacing:.01em}
.pedigree-section .pedigree-title::before{content:"✦  🐾  ✦";display:block;font:normal 21px Georgia,serif;color:#a68a51;letter-spacing:1.1em;margin-bottom:10px}
.pedigree-scroll{overflow-x:auto;padding:12px 12px 30px}
.pedigree-grid{display:grid;grid-template-columns:1fr 1.18fr 1.42fr;grid-template-rows:repeat(8,minmax(60px,auto));column-gap:36px;row-gap:12px;min-width:730px}
.pedigree-node{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;padding:13px 15px;font:normal 16px/1.35 Georgia,serif;overflow-wrap:anywhere;box-shadow:0 6px 12px rgba(31,39,28,.11);border:1.5px solid;isolation:isolate}
.pedigree-node.line-sire,.pedigree-node.parent.line-sire,.pedigree-node.grand.line-sire,.pedigree-node.great.line-sire{background:linear-gradient(145deg,#e5eee0,#c6d9c7);border-color:#557c60;color:#203d34}
.pedigree-node.line-dam,.pedigree-node.parent.line-dam,.pedigree-node.grand.line-dam,.pedigree-node.great.line-dam{background:linear-gradient(145deg,#fff4e2,#ebd9b8);border-color:#b08b4b;color:#40351f}
.pedigree-node.parent{font-size:20px;font-weight:normal}
.pedigree-node.grand{font-size:18px;font-weight:normal}
.pedigree-node.great{font-size:15px;font-weight:normal}
.pedigree-node:not([style*="grid-column:3"])::after{content:"";position:absolute;right:-37px;top:50%;width:36px;border-top:1.5px solid #a99a78}
@media(max-width:700px){.pedigree-section{margin-top:28px}.pedigree-grid{min-width:730px}.pedigree-section .pedigree-title{font-size:36px}}


/* Emma – profil zladený s krémovo-zeleným rodokmeňom */
.emma-container{padding-top:32px;padding-bottom:45px}
.emma-archive{padding:clamp(15px,2.5vw,28px);background:#fffdf8;border-color:#ded4bf;box-shadow:0 8px 28px rgba(36,47,35,.06)}
.emma-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:clamp(20px,4vw,52px);padding:clamp(12px,2vw,24px);background:radial-gradient(ellipse at 60% 30%,#fffdf8,#f4ecdc);border:1px solid #e1d3b9;border-radius:14px}
.emma-profile-photo{min-width:0}
.emma-profile-photo a{display:block;padding:7px;background:#f9f4e9;border:1px solid #b59a60;border-radius:12px;box-shadow:0 8px 19px rgba(49,43,28,.13)}
.emma-profile-photo img{display:block;width:100%;max-height:390px;object-fit:contain;border-radius:6px}
.emma-profile-info{min-width:0;color:#203d34;font-family:Georgia,'Times New Roman',serif;line-height:1.55}
.emma-profile-eyebrow{font:600 12px/1.4 Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#98763c;margin-bottom:9px}
.emma-profile-meta{font-size:clamp(18px,2vw,23px);color:#1d382e}
.emma-profile-meta span,.emma-awards span{color:#b49a67;padding:0 5px}
.emma-profile-rule{height:1px;background:linear-gradient(90deg,#a88a50,transparent);margin:17px 0 19px}
.emma-profile-info h2{font:normal 21px Georgia,serif;margin:14px 0 5px;color:#365745}
.emma-profile-info p{margin:0 0 12px;font-size:clamp(15px,1.65vw,18px)}
.emma-profile-info strong{font-weight:normal;color:#8c6b35}
.emma-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 4px}
.emma-gallery a{display:flex;align-items:center;justify-content:center;background:#f7f0e3;border:1px solid #e0d1b5;border-radius:10px;padding:8px;overflow:hidden;transition:box-shadow .2s}
.emma-gallery a:hover{box-shadow:0 6px 15px #1b35231c}
.emma-gallery img{display:block;max-width:100%;height:190px;width:100%;object-fit:contain}
@media(max-width:650px){.emma-profile{grid-template-columns:1fr;gap:18px}.emma-profile-photo img{max-height:330px}.emma-gallery{gap:7px}.emma-gallery a{padding:4px}.emma-gallery img{height:115px}.emma-profile-info h2{font-size:19px}}
