/* Recipe directory and accessible side navigation */
#bk-app{--bk-ink:#332b25;--bk-muted:#756a60;--bk-orange:#a83d29;--bk-green:#365746;--bk-line:#e9e1d6;color:var(--bk-ink);font:16px/1.6 Arial,sans-serif;background:#faf7f1;min-height:100vh}
#bk-app[hidden],#bk-app [hidden]{display:none!important}body.bk-enhanced{margin:0;background:#faf7f1}body.bk-enhanced>header,body.bk-enhanced>main,body.bk-enhanced>footer,body.bk-enhanced>#kontakt{display:none!important}body.bk-enhanced>#owner-visit-counter{position:relative;margin:0;z-index:1}
#bk-app *{box-sizing:border-box}#bk-app button,#bk-app input,#bk-app select{font:inherit}#bk-app button,#bk-app a,#bk-app input,#bk-app select{touch-action:manipulation}#bk-app :focus-visible{outline:3px solid #c86535;outline-offset:4px}#bk-app button{cursor:pointer}#bk-app a{color:inherit}#bk-app .bk-shell{max-width:1540px;margin:auto;display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}#bk-app .bk-sidebar{border-right:1px solid var(--bk-line);padding:32px 22px;background:#fffdf9;position:sticky;top:0;height:100dvh;overflow:auto}#bk-app .bk-brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin:0 0 34px}#bk-app .bk-monogram{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:var(--bk-orange);color:#fff9eb;border-radius:50%;font:700 17px Georgia,serif}#bk-app .bk-brand strong{display:block;font:700 23px/1.1 Georgia,serif}#bk-app .bk-brand small{display:block;color:var(--bk-muted);font-size:11px;letter-spacing:1.8px;margin-top:7px;text-transform:uppercase}#bk-app .bk-menu-label{font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:#8a7c6c;margin:24px 12px 9px}#bk-app .bk-nav-button{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;padding:11px 12px;text-align:left;border-radius:9px;color:#55483d;margin:3px 0;line-height:1.3}#bk-app .bk-nav-button:hover{background:#f6eee3}#bk-app .bk-nav-button[aria-current=page]{background:#eee8dc;color:var(--bk-green);font-weight:700}#bk-app .bk-count{margin-left:auto;font-size:12px;color:#8a7d6d;padding-left:8px}#bk-app .bk-nav-symbol{width:22px;text-align:center;font-size:17px}#bk-app .bk-side-end{border-top:1px solid var(--bk-line);margin-top:25px;padding:20px 12px 0;font-size:13px}#bk-app .bk-side-end a{display:block;text-decoration:none;margin:8px 0}#bk-app .bk-main{min-width:0;padding:36px 48px 28px}#bk-app .bk-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;color:var(--bk-muted);font-size:12px;letter-spacing:.4px}#bk-app .bk-topline a{text-decoration:none}#bk-app .bk-welcome{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:25px;align-items:center;padding:8px 0 30px;border-bottom:1px solid var(--bk-line)}#bk-app .bk-eyebrow{color:var(--bk-orange);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0 0 11px}#bk-app h1{font:400 clamp(32px,3.7vw,50px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:0 0 14px;max-width:650px}#bk-app .bk-intro{font-size:15px;line-height:1.7;color:var(--bk-muted);max-width:540px;margin:0}#bk-app .bk-welcome img{width:215px;height:160px;object-fit:cover;border-radius:70px 70px 12px 12px}#bk-app .bk-search{margin:28px 0 20px;position:relative}#bk-app .bk-search label{display:block;font-weight:700;font-size:13px;margin-bottom:8px}#bk-app .bk-search-row{display:flex;border:1px solid #d9cfbf;background:white;border-radius:12px;overflow:hidden;align-items:center}#bk-app .bk-search-icon{font-size:22px;color:var(--bk-orange);padding-left:17px}#bk-app #bk-search-input{width:100%;min-width:0;padding:15px 12px;border:0;background:none;outline-offset:-4px;font-size:16px;color:var(--bk-ink)}#bk-app #bk-clear{border:0;background:none;color:var(--bk-muted);padding:12px 16px;text-decoration:underline;font-size:13px}#bk-app .bk-quick{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:28px;font-size:12px;color:var(--bk-muted)}#bk-app .bk-quick button{border:1px solid var(--bk-line);border-radius:30px;background:#fffdf9;padding:6px 12px;color:#695c50}#bk-app .bk-section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}#bk-app h2{font:400 28px/1.2 Georgia,serif;margin:0 0 5px}#bk-app #bk-result-count{font-size:13px;color:var(--bk-muted);margin:0}#bk-app .bk-format{display:flex;gap:4px;background:#eee8df;border-radius:9px;padding:4px;flex-shrink:0}#bk-app .bk-format button{background:transparent;border:0;border-radius:6px;font-size:12px;padding:7px 12px;color:#6e6053}#bk-app .bk-format button[aria-pressed=true]{background:#fffdf9;color:var(--bk-ink);box-shadow:0 1px 4px #3d2c1410}#bk-app .bk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}#bk-app .bk-card{background:#fffdf9;border:1px solid var(--bk-line);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}#bk-app .bk-card:hover{box-shadow:0 7px 20px #49331e12;transform:translateY(-2px)}#bk-app .bk-card-visual{display:block;position:relative;aspect-ratio:16/10;width:100%;padding:0;border:0;background:#eee7dc;text-decoration:none;overflow:hidden}#bk-app .bk-card-visual img{width:100%;height:100%;object-fit:cover}#bk-app .bk-play{position:absolute;bottom:12px;right:12px;width:34px;height:34px;border-radius:50%;background:#fffdf9ee;display:grid;place-items:center;color:var(--bk-orange);font-size:13px}#bk-app .bk-card-body{padding:16px 17px 17px;display:flex;flex-direction:column;flex:1}#bk-app .bk-card-meta{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--bk-orange);margin-bottom:8px}#bk-app .bk-card h3{font:400 20px/1.25 Georgia,serif;margin:0 0 16px}#bk-app .bk-card h3 a{text-decoration:none}#bk-app .bk-card-actions{display:flex;gap:15px;align-items:center;margin-top:auto;font-size:12px}#bk-app .bk-card-actions a{color:var(--bk-green);font-weight:700;text-underline-offset:3px}#bk-app .bk-pagebar{display:flex;justify-content:center;align-items:center;gap:18px;margin:32px 0}#bk-app .bk-pagebar button{border:1px solid #d8cdbd;border-radius:8px;background:#fffdf9;padding:10px 17px;color:var(--bk-ink);font-size:13px}#bk-app .bk-pagebar button:disabled{opacity:.4;cursor:default}#bk-app #bk-page-label{font-size:12px;color:var(--bk-muted)}#bk-app .bk-empty{padding:45px 20px;text-align:center;background:#fffdf9;border:1px dashed #d9cfbf;border-radius:12px}#bk-app .bk-empty button{border:0;border-radius:8px;padding:10px 17px;background:var(--bk-green);color:white}#bk-app .bk-footer{border-top:1px solid var(--bk-line);padding-top:22px;display:flex;gap:15px;justify-content:space-between;font-size:12px;color:var(--bk-muted)}#bk-app .bk-mobilebar{display:none}#bk-app .bk-backdrop{display:none}#bk-app .bk-detail{padding:28px;background:#fffdf9;border:1px solid var(--bk-line);border-radius:14px;margin-bottom:28px;scroll-margin-top:20px;overflow-wrap:anywhere}#bk-app .bk-detail .bk-detail-close{background:none;border:1px solid var(--bk-line);border-radius:8px;padding:9px 14px;font-size:13px;margin-bottom:20px}#bk-app .bk-detail h2{margin-bottom:18px}#bk-app .bk-detail h3{font:700 18px/1.4 Georgia,serif;margin:24px 0 10px}#bk-app .bk-detail li{margin-bottom:9px}#bk-app .bk-detail img{max-width:100%;height:auto}#bk-app .bk-detail .video-shell{max-width:650px}#bk-app .bk-detail iframe{width:100%;aspect-ratio:16/9;border:0}#bk-app .bk-player{margin:0 0 25px;background:#211d19;border-radius:12px;overflow:hidden}#bk-app .bk-player iframe,#bk-app .bk-player video{width:100%;aspect-ratio:16/9;border:0;display:block}#bk-app .bk-player-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:12px;color:#fffdf9;font-size:14px}#bk-app .bk-player-head button{border:0;background:#ffffff1a;color:#fffdf9;border-radius:6px;padding:6px 12px}#bk-app .bk-card-visual .bk-placeholder{display:grid;place-items:center;height:100%;font:32px Georgia,serif;color:var(--bk-orange)}
@media(min-width:1500px){#bk-app .bk-main{padding-left:64px;padding-right:64px}}
@media(max-width:1150px){#bk-app .bk-shell{grid-template-columns:220px minmax(0,1fr)}#bk-app .bk-sidebar{padding:25px 14px}#bk-app .bk-main{padding:30px}#bk-app .bk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#bk-app .bk-welcome{grid-template-columns:minmax(0,1fr) 150px}#bk-app .bk-welcome img{width:150px;height:150px}}
@media(max-width:760px){#bk-app .bk-shell{display:block}#bk-app .bk-mobilebar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;background:#fffdf9;border-bottom:1px solid var(--bk-line);position:sticky;top:0;z-index:31}#bk-app .bk-mobilebar>a{font:700 22px Georgia,serif;text-decoration:none}#bk-app #bk-menu-toggle{border:1px solid #d9cfbf;background:none;border-radius:7px;padding:7px 11px;font-size:13px}#bk-app .bk-sidebar{display:none;position:fixed;top:62px;bottom:0;left:0;width:min(310px,85vw);height:calc(100dvh - 62px);z-index:33;padding:22px}#bk-app.bk-menu-open .bk-sidebar{display:block}#bk-app.bk-menu-open .bk-backdrop{display:block;position:fixed;inset:62px 0 0;background:#21180b55;z-index:32;border:0;width:100%;height:100%}#bk-app .bk-sidebar .bk-brand{margin-bottom:20px}#bk-app .bk-main{padding:22px 18px}#bk-app .bk-topline{font-size:11px;margin-bottom:18px}#bk-app .bk-topline a{display:none}#bk-app .bk-welcome{grid-template-columns:1fr;gap:0;padding-bottom:22px}#bk-app .bk-welcome img{display:none}#bk-app h1{font-size:37px;letter-spacing:-1px}#bk-app .bk-intro{font-size:14px}#bk-app .bk-search{margin-top:22px}#bk-app .bk-quick{margin-bottom:24px}#bk-app .bk-section-top{display:block}#bk-app .bk-format{width:max-content;margin-top:15px}#bk-app .bk-grid{gap:16px 12px}#bk-app .bk-card-body{padding:12px}#bk-app .bk-card h3{font-size:18px;margin-bottom:13px}#bk-app .bk-card-meta{font-size:9px;letter-spacing:.5px}#bk-app .bk-card-actions{font-size:11px;flex-wrap:wrap;gap:9px}#bk-app .bk-card-visual{aspect-ratio:4/3}#bk-app .bk-detail{padding:18px;scroll-margin-top:78px}#bk-app .bk-footer{display:block}#bk-app .bk-footer a{display:inline-block;margin-top:8px}}
@media(max-width:380px){#bk-app .bk-grid{grid-template-columns:1fr}#bk-app .bk-card-visual{aspect-ratio:16/9}}@media(prefers-reduced-motion:reduce){#bk-app *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:760px){#bk-app .bk-pagebar{gap:8px}#bk-app .bk-pagebar button{padding:9px 11px;font-size:12px}#bk-app #bk-page-label{font-size:11px}}
