/* Hokus Pokus: style tylko dla aktualizowanych stron i nowych elementów. */
.hp-page .pds { width:100%; max-width:1000px; }
.hp-header img,.hp-footer img { display:block; width:100%; height:auto; }
.hp-page .m { height:auto; min-height:89px; box-sizing:border-box; background-size:100% 100%; }
.hp-page .m ul { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:8px 65px; gap:2px 8px; }
.hp-page .m li { display:block; float:none; text-align:center; }
.hp-page .m a { display:block; padding:9px 3px; font:700 18px/1.2 "Times New Roman",serif; color:#e6d4c2; background:none; }
.hp-page .m a:hover,.hp-page .m a:focus-visible,.hp-page .m a[aria-current=page] { color:#f7c457; text-decoration:underline; text-underline-offset:5px; background:none; }
.hp-page .s { padding:28px 50px; box-sizing:border-box; background-size:100% auto; }
.hp-page .right { width:100%; max-width:850px; float:none; padding:0; margin:0 auto; }
.hp-content { color:#f4eadd; font:18px/1.55 "Times New Roman",serif; }
.hp-content * { box-sizing:border-box; }
.hp-content h1 { color:#f7c457; font-size:34px; line-height:1.25; margin:12px 0 25px; }
.hp-content h2 { color:#f7c457; font-size:26px; line-height:1.35; margin:34px 0 22px; }
.hp-content h3 { color:#f7c457; font-size:24px; line-height:1.3; margin:0 0 14px; }
.hp-content p { margin:0 0 15px; }
.hp-content a { color:#f7c457; text-underline-offset:4px; }
.hp-content a:hover { color:#fff; }
.hp-content a:focus-visible,.hp-lightbox button:focus-visible { outline:2px solid #f7c457; outline-offset:4px; }
.hp-jumps { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 32px; }
.hp-jumps a,.hp-more,.hp-back { display:inline-block; padding:8px 12px; border:1px solid #b48b53; border-radius:3px; text-decoration:none; }
.hp-back { margin:0 0 22px; }
.hp-jumps a:hover,.hp-more:hover,.hp-back:hover { background:#5b3e31; }
.hp-dog-group { scroll-margin-top:20px; }
.hp-dog-group > h2 { border-bottom:1px solid #9e774a; padding-bottom:16px; text-align:center; }
.hp-card { display:grid; grid-template-columns:320px minmax(0,1fr); gap:26px; padding:24px 0 30px; border-bottom:1px solid #765338; }
.hp-card-photo { align-self:start; }
.hp-card-photo img { display:block; width:100%; height:auto; border:1px solid #c79a54; }
.hp-card-copy { min-width:0; }
.hp-card-copy p { font-size:16px; line-height:1.5; }
.hp-card-titles { margin:0 0 15px; padding-left:18px; font-size:16px; }
.hp-more { font-size:16px; }
.hp-memorial { margin-top:45px; }
.hp-intro { display:grid; grid-template-columns:58% minmax(0,1fr); gap:25px; margin:20px 0 30px; }
.hp-main-photo { display:block; width:100%; height:auto; border:1px solid #c79a54; }
.hp-facts { align-self:center; font-size:17px; }
.hp-fact-label { color:#f7c457; }
.hp-titles { padding-left:23px; margin-bottom:32px; }
.hp-titles li { margin-bottom:7px; }
.hp-pedigree-wrap { max-width:100%; overflow-x:auto; margin:20px 0 34px; }
.hp-pedigree { width:100%; min-width:640px; border-collapse:collapse; table-layout:fixed; font-size:15px; line-height:1.4; }
.hp-pedigree caption { text-align:left; margin:0 0 10px; font-size:17px; }
.hp-pedigree th { background:#5b3e31; color:#f7c457; }
.hp-pedigree th,.hp-pedigree td { padding:12px; border:1px solid #a67c46; overflow-wrap:anywhere; }
.hp-pedigree td { background:rgba(31,22,15,.55); }
.hp-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:20px 0 30px; }
.hp-gallery a { display:flex; align-items:center; justify-content:center; border:1px solid #b48b53; background:#20180f; }
.hp-gallery img { display:block; width:100%; height:auto; }
.hp-plan { padding:10px 0 32px; margin-bottom:20px; border-bottom:1px solid #9e774a; text-align:center; }
.hp-plan h2 { margin:10px 0; }
.hp-plan h3 { margin:16px 0; }
.hp-plan a { text-decoration:none; }
.hp-plan img { width:100%; max-width:740px; height:auto; border:1px solid #c79a54; }
.hp-plan-contact { text-align:center; }
.hp-news-update { margin:15px 0 42px; padding:24px; border:1px solid #b48b53; color:#f4eadd; font:18px/1.55 "Times New Roman",serif; }
.hp-news-update h2 { font-size:26px; color:#f7c457; line-height:1.3; margin:10px 0 18px; }
.hp-news-update p { margin:0 0 18px; }
.hp-news-update li { margin-bottom:10px; }
.hp-news-update a { color:#f7c457; text-decoration:underline; text-underline-offset:3px; }
.hp-news-date { color:#dec9ae; font-size:16px; }
.hp-status { padding:16px; margin:10px 0 30px; text-align:center; border:1px solid #b48b53; font:700 22px/1.35 "Times New Roman",serif; }
.hp-status a { color:#f7c457; }
.hp-lightbox { box-sizing:border-box; width:min(1100px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:95vh; padding:14px; border:1px solid #c79a54; background:#1d1711; color:#fff; }
.hp-lightbox::backdrop { background:rgba(0,0,0,.88); }
.hp-lightbox > img { display:block; max-width:100%; max-height:72vh; width:auto; height:auto; margin:12px auto; object-fit:contain; }
.hp-lightbox button { color:#fff; border:1px solid #b48b53; background:#453123; padding:9px 15px; cursor:pointer; font:16px "Times New Roman",serif; }
.hp-close { display:block; margin-left:auto; }
.hp-lightbox-controls { display:flex; justify-content:space-between; gap:10px; align-items:center; font-size:16px; }
@media(max-width:700px) {
 .hp-page .m ul { padding:8px 20px; gap:5px; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .hp-page .m a { font-size:16px; }
 .hp-page .s { padding:24px; }
 .hp-content { font-size:17px; }
 .hp-content h1 { font-size:28px; }
 .hp-content h2 { font-size:23px; }
 .hp-content h3 { font-size:22px; }
 .hp-card,.hp-intro { grid-template-columns:1fr; gap:18px; }
 .hp-card-photo { width:100%; max-width:500px; margin:auto; }
 .hp-card-copy p,.hp-card-titles { font-size:17px; }
 .hp-jumps { flex-direction:column; }
 .hp-jumps a { text-align:center; }
 .hp-gallery { grid-template-columns:1fr; }
 .hp-lightbox { padding:8px; }
 .hp-lightbox button { font-size:15px; padding:8px; }
}