/* v0.24.6 – skutočné fotografie realizácií a erby zdarma */
.realizations-page{padding-block:28px 84px}
.realizations-breadcrumbs{display:flex;align-items:center;gap:10px;font-size:.88rem;color:#71675e;margin-bottom:36px}
.realizations-breadcrumbs a{text-decoration:none}
.realizations-intro{max-width:800px;margin-bottom:32px}
.realizations-intro h1{font:800 clamp(2.4rem,5vw,4rem)/1.1 Manrope,sans-serif;letter-spacing:-.05em;margin:10px 0 20px}
.realizations-intro>p:last-child{font-size:1.08rem;color:#554b43;line-height:1.75}
.realizations-filters{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 24px;border-bottom:1px solid #e3d7ce}
.realizations-filters a{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #ddcec1;border-radius:100px;text-decoration:none;background:#fff;font-weight:700;font-size:.9rem}
.realizations-filters a[aria-current="page"]{color:#fff;background:#8e492e;border-color:#8e492e}
.realizations-filters a span{opacity:.7;font-size:.83rem;font-weight:600}
.realizations-category{margin-top:42px}
.realizations-section-title{margin-bottom:20px}
.realizations-section-title h2{font:800 clamp(1.5rem,2.8vw,2.1rem)/1.2 Manrope,sans-serif;margin:0 0 8px}
.realizations-section-title p{color:#65594e;margin:0;max-width:740px}
.realizations-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.realizations-photo{position:relative;display:block;overflow:hidden;border-radius:16px;aspect-ratio:4/3;background:#eee5dc;border:1px solid #e1d5c9}
.realizations-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.realizations-photo:hover img{transform:scale(1.04)}
.realizations-zoom{position:absolute;right:12px;bottom:12px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#30261e;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.65);box-shadow:0 3px 12px rgba(31,22,15,.12);pointer-events:none}
.realizations-zoom svg{display:block;width:17px;height:17px}
.realizations-photo:hover .realizations-zoom{background:rgba(255,255,255,.87)}
.realizations-photo:focus-visible,.realizations-filters a:focus-visible{outline:3px solid #a75132;outline-offset:3px}
.realizations-empty{border:1px dashed #ccb9aa;background:#f7f1eb;padding:30px;border-radius:16px;color:#6b5b50}
.realizations-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #e1d4c7;background:#f5ebe1;border-radius:20px;padding:28px;margin-top:64px}
.realizations-bottom h2{font:800 1.6rem/1.2 Manrope,sans-serif;margin:0 0 8px}
.realizations-bottom p{margin:0;color:#67574d}
.realizations-bottom .button{white-space:nowrap;text-decoration:none}
.realizations-lightbox{border:0;padding:16px;background:#161410;border-radius:12px;max-width:94vw;max-height:94dvh;color:white;overflow:visible}
.realizations-lightbox::backdrop{background:rgba(0,0,0,.86)}
.realizations-lightbox img{display:block;max-width:calc(94vw - 32px);max-height:calc(92dvh - 32px);width:auto;height:auto;object-fit:contain}
.realizations-lightbox-close{position:absolute;top:-14px;right:-14px;border:0;border-radius:50%;width:40px;height:40px;background:#fff;color:#111;font-size:1.65rem;cursor:pointer;box-shadow:0 3px 16px #0006}
.crest-home-section{padding-block:24px 36px}
.crest-home-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.85fr);gap:clamp(20px,4vw,48px);align-items:center;border-radius:22px;padding:clamp(25px,4vw,48px);background:#efe2d5;border:1px solid #e0cbba}
.crest-home-intro h2{font:800 clamp(1.6rem,3.2vw,2.6rem)/1.15 Manrope,sans-serif;letter-spacing:-.035em;margin:12px 0 20px}
.crest-home-intro h2 em{font-style:normal;color:#9a4b30}
.crest-home-intro p:not(.eyebrow){color:#5a4d43;line-height:1.85;margin:0 0 20px}
.crest-home-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:205px;align-items:stretch}
.crest-home-gallery a{display:block;overflow:hidden;background:#dfc9b5;border-radius:12px;min-height:200px}
.crest-home-gallery img{display:block;width:100%;height:100%;object-fit:cover}
.crest-home-gallery-empty{grid-column:1/-1;min-height:205px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#dfc9b5;border-radius:16px;color:#60412f;padding:24px;gap:7px}
.crest-home-gallery-empty>span{font-size:2.7rem;line-height:1}
.crest-home-gallery-empty small{max-width:200px}
.realization-home-link{padding-block:22px 52px}
.realization-home-link h2{font:800 clamp(1.5rem,3vw,2.2rem)/1.15 Manrope,sans-serif;margin:10px 0}
.realization-home-link p:not(.eyebrow){color:#665b53;max-width:680px}
.realization-home-link .button{display:inline-block;text-decoration:none;margin-top:10px}
/* Erb je benefit, nie platený produkt. */
.crest-gift-option{padding:18px 20px;margin:18px 0;border:1px solid #d9bd9f;border-radius:14px;background:#fbf3e9}
.crest-gift-option>label{display:flex!important;align-items:flex-start;gap:12px;cursor:pointer;font-weight:700}
.crest-gift-option input[type="checkbox"]{margin-top:5px;flex:0 0 auto;width:18px;height:18px;accent-color:#995238}
.crest-gift-option strong{display:block}
.crest-gift-option small{display:block;color:#655649;font-weight:400;line-height:1.55;margin-top:4px}
.crest-gift-option a{font-weight:700;color:#8b432b}
@media(max-width:1199px) and (min-width:981px){.realizations-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px) and (min-width:841px){.realizations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:840px){.realizations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crest-home-intro{grid-template-columns:1fr}.crest-home-gallery{min-height:175px}}
@media(max-width:620px){.realizations-page{padding-bottom:48px}.realizations-grid{grid-template-columns:1fr 1fr;gap:9px}.realizations-photo{border-radius:10px;aspect-ratio:1/1}.realizations-bottom{align-items:flex-start;flex-direction:column}.realizations-bottom .button{white-space:normal}.crest-home-gallery a{min-height:145px}.crest-gift-option{padding:14px}.realizations-lightbox-close{right:4px;top:4px}}
@media(prefers-reduced-motion:reduce){.realizations-photo img{transition:none}.realizations-photo:hover img{transform:none}}

/* Po pridaní sekcie Realizácie musí navigácia zostať použiteľná na úzkych mobiloch. */
@media(max-width:570px){
  .site-header .header-inner{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0 12px}
  .site-header .header-inner>nav{width:100%;justify-content:space-between;gap:7px;flex-wrap:nowrap}
  .site-header .header-inner>nav a{white-space:nowrap;font-size:clamp(.72rem,2.7vw,.85rem)}
}
@media(max-width:365px){.site-header .header-inner>nav{gap:4px}.site-header .header-inner>nav a{font-size:.72rem}}

.realizations-lightbox-prev,.realizations-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:50px;border:0;border-radius:10px;background:#fffde8e8;color:#221e18;font-size:2rem;cursor:pointer}
.realizations-lightbox-prev{left:4px}.realizations-lightbox-next{right:4px}
.realizations-lightbox-index{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);background:#161410e6;border-radius:8px;padding:3px 9px;font-size:.8rem}
.realizations-lightbox [hidden]{display:none}

/* v0.24.8 – nepovinné popisky v lightboxe. */
.realizations-lightbox-caption{margin:10px 32px 20px;color:#fff;font-size:.95rem;line-height:1.5;text-align:center;max-width:720px;overflow-wrap:anywhere}
.realizations-lightbox-caption[hidden]{display:none}
.realizations-lightbox:has(.realizations-lightbox-caption:not([hidden])) .realizations-lightbox-index{bottom:0}

.realizations-photo-caption{position:absolute;bottom:0;left:0;right:0;max-height:45%;overflow:hidden;padding:22px 50px 10px 12px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;font-size:.85rem;line-height:1.35;overflow-wrap:anywhere}

/* PATCH 13: návrat ku konkrétnej fotografii z úvodnej mozaiky. */
.realizations-photo[data-realization-focused] {
    outline: 3px solid #9e5d35;
    outline-offset: 3px;
    box-shadow: 0 0 0 6px rgba(158,93,53,.16), 0 12px 32px rgba(68,38,21,.22);
    scroll-margin-top: clamp(90px, 13vh, 170px);
}
.realizations-photo[data-realization-focused]:target {
    animation: realization-focus-arrival 1.15s ease-out 1;
}
@keyframes realization-focus-arrival {
    from { box-shadow: 0 0 0 14px rgba(158,93,53,.28), 0 12px 32px rgba(68,38,21,.22); }
    to { box-shadow: 0 0 0 6px rgba(158,93,53,.16), 0 12px 32px rgba(68,38,21,.22); }
}
@media(max-width:620px) {
    .realizations-zoom { right:8px; bottom:8px; width:29px; height:29px; background:rgba(255,255,255,.67); }
    .realizations-zoom svg { width:14px; height:14px; }
}
@media(prefers-reduced-motion:reduce) {
    .realizations-photo[data-realization-focused]:target { animation:none; }
}

/* PATCH 23 – small crosslinks to historic brick marks (no article CSS on homepage). */
.crest-history-entry { font-size:.9rem; margin:17px 0 0 !important; line-height:1.65 !important; }
.crest-history-entry a { color:#8b432b; text-underline-offset:3px; font-weight:700; }
.realizations-history-link { margin:12px 0 0 !important; }
.realizations-history-link a { display:inline-flex; align-items:center; gap:6px; font-weight:700; color:#965438; text-underline-offset:4px; }
.realizations-history-link svg { flex:0 0 auto; }