html { background:#eee9df; }
body { margin:0; background:#eee9df; }
#sv-gallery { --sv-paper:#faf8f2; --sv-ink:#342e28; --sv-muted:#73675a; --sv-line:#ded7ca; --sv-accent:#915632; --sv-mat:#eee9df; min-height:100vh; overflow-x:clip; background:var(--sv-paper); color:var(--sv-ink); font:16px/1.65 Arial,sans-serif; color-scheme:light; }
#sv-gallery * { box-sizing:border-box; }
#sv-gallery button,#sv-gallery a { font:inherit; }
#sv-gallery button,#sv-gallery a { -webkit-tap-highlight-color:transparent; }
#sv-gallery button { color:inherit; cursor:pointer; }
#sv-gallery a { color:inherit; }
#sv-gallery [hidden] { display:none!important; }
.sv-skip { position:fixed; left:12px; top:12px; z-index:100; transform:translateY(-150%); background:#fff; color:#342e28; padding:10px 14px; border:2px solid #915632; }
.sv-skip:focus { transform:none; }
#sv-gallery .sv-shell { container-type:inline-size; width:100%; max-width:1120px; min-height:100vh; margin:0 auto; background:var(--sv-paper); position:relative; isolation:isolate; display:flex; flex-direction:column; }
#sv-gallery .sv-shell:before { content:''; position:absolute; z-index:-1; top:88px; bottom:0; left:50%; width:1586px; transform:translateX(-50%); background-image:url('../img/brana-pozadi.webp'); background-size:100% auto; background-position:50% 0; background-repeat:no-repeat; opacity:var(--sv-background-strength,.26); pointer-events:none; }
#sv-gallery .sv-shell>main { flex:1 0 auto; }
#sv-gallery .sv-header { min-height:94px; padding:24px 5%; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--sv-line); }
#sv-gallery .sv-brand { border:0; padding:0; background:none; text-align:left; white-space:nowrap; text-decoration:none; }
#sv-gallery .sv-brand span { display:block; font:29px/1.15 Georgia,serif; letter-spacing:-1px; }
#sv-gallery .sv-brand small { display:block; color:var(--sv-muted); font-size:10px; letter-spacing:2px; text-transform:uppercase; margin-top:6px; }
#sv-gallery .sv-nav { display:flex; gap:6px; align-items:center; white-space:nowrap; }
#sv-gallery .sv-nav a { border:1px solid var(--sv-line); border-radius:2px; padding:8px 14px; background:var(--sv-mat); color:var(--sv-ink); font-size:15px; font-weight:600; text-decoration:none; transition:background .15s ease, border-color .15s ease, color .15s ease; }
#sv-gallery .sv-nav a[aria-current=page] { background:var(--sv-accent); border-color:var(--sv-accent); color:#fffdf8; }
#sv-gallery .sv-nav a:hover { background:var(--sv-accent); border-color:var(--sv-accent); color:#fffdf8; }
#sv-gallery .sv-menu { display:none; min-height:44px; border:1px solid var(--sv-line); border-radius:2px; padding:8px 14px; background:var(--sv-mat); color:var(--sv-ink); font-size:15px; font-weight:600; transition:background .15s ease, border-color .15s ease, color .15s ease; }
#sv-gallery .sv-menu:hover,#sv-gallery .sv-menu[aria-expanded=true] { background:var(--sv-accent); border-color:var(--sv-accent); color:#fffdf8; }
#sv-gallery .sv-mobile-nav { display:none; position:absolute; z-index:10; top:94px; right:5%; flex-direction:column; align-items:stretch; gap:6px; padding:8px; border:1px solid var(--sv-line); border-radius:2px; background:#eee9dfe8; box-shadow:0 8px 24px #342e2824; }
#sv-gallery .sv-mobile-nav a { display:flex; width:auto; min-height:44px; align-items:center; border:1px solid var(--sv-line); border-radius:2px; padding:8px 16px; background:#eee9dfc9; color:var(--sv-ink); font-size:15px; font-weight:600; text-align:right; text-decoration:none; }
#sv-gallery .sv-mobile-nav a[aria-current=page] { background:var(--sv-accent); border-color:var(--sv-accent); color:#fffdf8; }
#sv-gallery .sv-mobile-nav a:hover { background:var(--sv-accent); border-color:var(--sv-accent); color:#fffdf8; }
#sv-gallery h1,#sv-gallery h2,#sv-gallery h3,#sv-gallery p,#sv-gallery figure { margin:0; }
#sv-gallery h1,#sv-gallery h2,#sv-gallery h3 { font-family:Georgia,serif; font-weight:400; color:var(--sv-ink); }
#sv-gallery .sv-eyebrow { color:var(--sv-accent); text-transform:uppercase; letter-spacing:2px; font-size:10px; margin-bottom:17px; }
#sv-gallery .sv-hero { position:relative; isolation:isolate; display:grid; grid-template-columns:1.04fr 1fr; min-height:465px; align-items:center; overflow:hidden; }
#sv-gallery .sv-hero-copy { padding:48px 0 48px 10%; position:relative; z-index:1; }
#sv-gallery .sv-hero h1 { font-size:clamp(34px,5.1cqw,59px); line-height:1.1; letter-spacing:-1.7px; max-width:470px; }
#sv-gallery .sv-hero-copy>p:not(.sv-eyebrow) { margin:22px 0 27px; max-width:325px; color:var(--sv-muted); font-size:14px; }
#sv-gallery .sv-primary { display:inline-flex; align-items:center; gap:24px; min-height:46px; background:var(--sv-accent); color:#fffdf8; border:1px solid var(--sv-accent); border-radius:2px; padding:11px 20px; text-decoration:none; font-size:13px; }
#sv-gallery .sv-primary:hover { filter:brightness(.93); }
#sv-gallery .sv-text-link { border:0; padding:9px 0; background:none; color:var(--sv-accent); text-decoration:underline; text-underline-offset:5px; font-size:13px; }
#sv-gallery .sv-section { padding:42px 5% 48px; }
#sv-gallery .sv-section-top { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
#sv-gallery .sv-section h2 { font-size:32px; line-height:1.2; letter-spacing:-.6px; }
#sv-gallery .sv-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 26px; }
#sv-gallery .sv-art { display:block; width:100%; border:0; padding:0; background:none; text-align:left; }
#sv-gallery .sv-art-image { height:300px; display:flex; align-items:center; justify-content:center; padding:20px; background:var(--sv-mat); }
#sv-gallery .sv-art-image img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; box-shadow:0 6px 16px #342e281b; transition:transform .2s ease; }
#sv-gallery .sv-art:hover img { transform:translateY(-3px); }
#sv-gallery .sv-art-title { display:block; font:21px/1.25 Georgia,serif; margin:15px 0 0; }
#sv-gallery .sv-art-meta { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:4px 12px; margin-top:8px; font-size:11px; color:var(--sv-muted); }
#sv-gallery .sv-home-text { margin:12px 5% 0; border-top:1px solid var(--sv-line); padding:44px 0; display:grid; grid-template-columns:1fr 2fr; gap:40px; }
#sv-gallery .sv-home-text h2 { font-size:32px; line-height:1.2; }
#sv-gallery .sv-home-text p { margin-bottom:16px; font-size:16px; line-height:1.75; }
#sv-gallery .sv-carousel-controls { display:flex; align-items:center; justify-content:center; gap:18px; margin-top:28px; }
#sv-gallery .sv-carousel-arrow { display:grid; width:42px; height:42px; place-items:center; border:1px solid var(--sv-line); border-radius:50%; padding:0; background:var(--sv-mat); color:var(--sv-ink); }
#sv-gallery .sv-carousel-arrow:hover { background:var(--sv-accent); border-color:var(--sv-accent); color:#fffdf8; }
#sv-gallery .sv-carousel-arrow svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.8; }
#sv-gallery .sv-carousel-dots { display:flex; align-items:center; gap:8px; }
#sv-gallery .sv-carousel-dot { width:9px; height:9px; border:0; border-radius:50%; padding:0; background:#73675a73; }
#sv-gallery .sv-carousel-dot[aria-current=true] { background:var(--sv-accent); transform:scale(1.3); }
.sv-js #sv-gallery .sv-carousel-viewport { overflow:hidden; }
.sv-js #sv-gallery .sv-carousel-track { display:flex; transition:transform .45s ease; }
.sv-js #sv-gallery .sv-carousel-page { flex:0 0 100%; min-width:0; }
#sv-gallery .sv-footer { padding:35px 5% 22px; border-top:1px solid var(--sv-line); background:#f0ece2; }
#sv-gallery .sv-footer-top { display:flex; gap:20px; justify-content:space-between; flex-wrap:wrap; }
#sv-gallery .sv-footer-title { font:25px/1.3 Georgia,serif; }
#sv-gallery .sv-footer-links { display:flex; gap:10px; align-items:center; flex-wrap:wrap; font-size:14px; font-weight:600; }
#sv-gallery .sv-facebook { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; color:var(--sv-accent); }
#sv-gallery .sv-facebook svg { display:block; width:22px; height:22px; fill:currentColor; }
#sv-gallery .sv-footer-bottom { display:flex; justify-content:space-between; gap:15px; flex-wrap:wrap; margin-top:30px; color:var(--sv-muted); font-size:11px; }
#sv-gallery .sv-page-head { padding:42px 5% 24px; }
#sv-gallery .sv-page-head h1 { font-size:48px; letter-spacing:-1px; line-height:1.1; }
#sv-gallery .sv-page-head>p:last-child { margin-top:12px; color:var(--sv-muted); max-width:650px; font-size:16px; }
#sv-gallery .sv-filters { display:grid; gap:16px; margin:0 5%; padding:20px 0; border-top:1px solid var(--sv-line); border-bottom:1px solid var(--sv-line); }
#sv-gallery .sv-filter-group { margin:0; padding:0; border:0; min-width:0; }
#sv-gallery .sv-filter-group h2 { color:var(--sv-muted); font:400 11px/1.6 Arial,sans-serif; letter-spacing:1px; text-transform:uppercase; padding:0; margin-bottom:8px; }
#sv-gallery .sv-filter-options { display:flex; flex-wrap:wrap; align-items:stretch; gap:7px; }
#sv-gallery .sv-filter-options a { display:inline-flex; align-items:center; background:var(--sv-mat); border:1px solid var(--sv-line); border-radius:2px; padding:9px 13px; min-height:44px; max-width:100%; text-align:left; text-decoration:none; font-size:14px; line-height:1.4; transition:background .15s ease,border-color .15s ease,color .15s ease; }
#sv-gallery .sv-filter-options a:hover,#sv-gallery .sv-filter-options a[aria-current=true] { color:#fffdf8; border-color:var(--sv-accent); background:var(--sv-accent); }
#sv-gallery .sv-filter-options a.sv-active-section { color:#fffdf8; border-color:var(--sv-accent); background:var(--sv-accent); }
#sv-gallery .sv-subcategory-filter { margin-top:12px; padding:12px 16px; border:0; border-left:3px solid var(--sv-accent); background:#eee9df88; }
#sv-gallery .sv-subcategory-filter h3 { color:var(--sv-muted); font:400 11px/1.6 Arial,sans-serif; letter-spacing:1px; text-transform:uppercase; margin:0 0 8px; }
#sv-gallery .sv-filter-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; gap:16px; }
#sv-gallery .sv-availability-options { gap:8px; }
#sv-gallery .sv-availability-options a { border-radius:2px; padding:8px 16px; text-align:center; }
#sv-gallery .sv-availability-options a[aria-current=true] { background:var(--sv-accent); border-color:var(--sv-accent); color:#fffdf8; }
#sv-gallery .sv-count { font-size:12px; color:var(--sv-muted); padding-bottom:10px; }
#sv-gallery .sv-empty { padding:36px 0; color:var(--sv-muted); }
#sv-gallery .sv-image-placeholder { color:var(--sv-muted); font-size:13px; text-align:center; }
#sv-gallery .sv-back { padding:23px 5% 15px; }
#sv-gallery .sv-detail { padding:0 5% 52px; display:grid; grid-template-columns:1.12fr 1fr; gap:48px; align-items:start; }
#sv-gallery .sv-detail-image { border:0; padding:30px; background:var(--sv-mat); width:100%; display:flex; justify-content:center; min-height:480px; align-items:center; }
#sv-gallery .sv-detail-image img { display:block; max-width:100%; max-height:550px; width:auto; height:auto; box-shadow:0 9px 22px #342e2824; }
#sv-gallery .sv-enlarge { color:var(--sv-muted); text-align:center; font-size:11px; margin-top:10px; }
#sv-gallery .sv-detail-copy { padding-top:12px; }
#sv-gallery .sv-detail-copy h1 { font-size:43px; line-height:1.12; letter-spacing:-1px; margin:12px 0 20px; }
#sv-gallery .sv-status { display:inline-block; white-space:nowrap; font-size:11px; letter-spacing:1px; text-transform:uppercase; color:#476443; }
#sv-gallery .sv-status-prodane { color:#7b6658; }
#sv-gallery .sv-status-neni_k_dispozici { color:var(--sv-muted); }
#sv-gallery .sv-detail-copy dl { display:grid; grid-template-columns:90px 1fr; gap:5px 15px; margin:22px 0; font-size:13px; }
#sv-gallery .sv-detail-copy dt { color:var(--sv-muted); }
#sv-gallery .sv-detail-copy dd { margin:0; }
#sv-gallery .sv-poem { margin:25px 0; padding-top:23px; border-top:1px solid var(--sv-line); }
#sv-gallery .sv-poem p { font:16px/1.7 Georgia,serif; margin:0 0 8px; }
#sv-gallery .sv-poem p:first-child { font:10px/1.7 Arial,sans-serif; letter-spacing:1.5px; color:var(--sv-muted); margin-bottom:14px; }
#sv-gallery .sv-price { font:27px/1.3 Georgia,serif; margin:25px 0 16px; }
#sv-gallery .sv-detail-links { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
#sv-gallery .sv-thumbnails { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
#sv-gallery .sv-thumbnails a { display:flex; width:76px; height:76px; align-items:center; justify-content:center; padding:6px; background:var(--sv-mat); color:var(--sv-muted); font-size:11px; text-align:center; }
#sv-gallery .sv-thumbnails img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; }
#sv-gallery .sv-pagination { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; margin-top:38px; font-size:13px; color:var(--sv-muted); }
#sv-gallery .sv-pagination a { color:var(--sv-accent); text-underline-offset:4px; }
#sv-gallery .sv-pagination a:last-child { justify-self:end; }
 


#sv-gallery .sv-long-text { max-width:750px; margin:auto; padding:42px 6% 60px; }
#sv-gallery .sv-long-text h1 { font-size:44px; line-height:1.2; margin-bottom:30px; }
#sv-gallery .sv-long-text p { margin-bottom:20px; }
 

#sv-gallery .sv-long-text h2 { font-size:26px; line-height:1.25; margin:34px 0 14px; }
 

#sv-gallery .sv-post-thread { margin-bottom:16px; }
#sv-gallery .sv-post { border:1px solid var(--sv-line); background:var(--sv-paper); padding:16px 18px; }
#sv-gallery .sv-post-head { display:flex; font-weight:400; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:4px 16px; margin-bottom:10px; color:var(--sv-muted); font-size:12px; }
#sv-gallery .sv-post-author { color:var(--sv-ink); font-family:Georgia,serif; font-size:17px; }
#sv-gallery .sv-post-body { font-size:16px; line-height:1.75; }
#sv-gallery .sv-post-reply-row { display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px; margin:12px 0 0 24px; }
#sv-gallery .sv-post-reply { margin:0; }
#sv-gallery .sv-post-reply-marker { color:var(--sv-accent); font:600 20px/1.5 Georgia,serif; }
#sv-gallery .sv-post-pending { border:2px solid var(--sv-accent); background:#fff8ed; }
#sv-gallery .sv-post-state { padding:4px 8px; background:var(--sv-accent); color:#fff; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
#sv-gallery .sv-post-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:14px; }
#sv-gallery .sv-post-actions form { margin:0; }
#sv-gallery .sv-post-actions button,#sv-gallery .sv-reply-form button { min-height:44px; padding:0 13px; border:1px solid var(--sv-line); border-radius:2px; background:var(--sv-paper); color:var(--sv-accent); }
#sv-gallery .sv-post-actions button:hover,#sv-gallery .sv-reply-form button:hover { border-color:var(--sv-accent); }
#sv-gallery .sv-post-actions .sv-danger { color:#8b2c21; }
#sv-gallery .sv-reply-form { margin-top:12px; padding:14px; border:1px solid var(--sv-line); background:var(--sv-mat); }
#sv-gallery .sv-reply-form[hidden] { display:none; }
#sv-gallery .sv-reply-form label { display:block; margin-bottom:6px; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:var(--sv-muted); }
#sv-gallery .sv-reply-form textarea { display:block; width:100%; min-height:8rem; margin-bottom:10px; padding:10px 12px; border:1px solid var(--sv-line); border-radius:2px; background:var(--sv-paper); color:var(--sv-ink); font:inherit; line-height:1.6; resize:vertical; }
#sv-gallery .sv-form-message { margin:0 5% 24px; padding:14px 16px; border:1px solid #6d7e4c; background:#f5f8ed; color:#3f5126; }
#sv-gallery .sv-form-message-error { border-color:#9a2f1f; background:#fdf3f1; color:#9a2f1f; }
#sv-gallery .sv-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
#sv-gallery .sv-turnstile-error { margin-top:8px; }
#sv-gallery .sv-turnstile-error[hidden] { display:none; }
#sv-gallery .sv-viewer { width:min(96vw,1280px); height:min(92svh,900px); max-width:none; max-height:calc(100svh - 24px); margin:auto; border:0; padding:0; overflow:hidden; background:#201b17; color:#fffdf8; }
#sv-gallery .sv-viewer-stage { position:relative; display:grid; width:100%; height:calc(100% - 40px); place-items:center; overflow:hidden; background:#201b17; touch-action:pan-y; }
#sv-gallery .sv-viewer-single .sv-viewer-stage { height:100%; }
#sv-gallery .sv-viewer-background { position:absolute; inset:-12%; background-position:center; background-size:cover; filter:blur(28px); opacity:0; transform:scale(1.08); transition:opacity .16s ease; }
#sv-gallery .sv-viewer-portrait .sv-viewer-background { opacity:.62; }
#sv-gallery .sv-viewer-image { position:absolute; inset:0; z-index:1; display:block; width:100%; height:100%; object-fit:contain; }
#sv-gallery .sv-viewer-caption { position:absolute; z-index:3; top:0; right:0; left:0; display:flex; min-height:48px; align-items:center; justify-content:center; padding:10px 64px 10px 16px; background:#000; color:#fffdf8; font-size:14px; line-height:1.35; text-align:center; }
#sv-gallery .sv-viewer-close,#sv-gallery .sv-viewer-arrow { position:absolute; z-index:2; display:grid; width:42px; height:42px; place-items:center; border:0; border-radius:50%; background:#201b17b8; color:#fffdf8; }
#sv-gallery .sv-viewer-close { z-index:4; }
#sv-gallery .sv-viewer-close { top:12px; right:12px; }
#sv-gallery .sv-viewer-arrow { top:50%; transform:translateY(-50%); }
#sv-gallery .sv-viewer-previous { left:12px; }
#sv-gallery .sv-viewer-next { right:12px; }
#sv-gallery .sv-viewer-arrow svg { display:block; width:20px; height:20px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2.8; }
#sv-gallery .sv-viewer-close:hover,#sv-gallery .sv-viewer-arrow:hover { background:#915632e6; }
#sv-gallery .sv-viewer-dots { display:flex; height:40px; align-items:center; justify-content:center; gap:8px; background:#201b17; }
#sv-gallery .sv-viewer-dot { width:9px; height:9px; border:0; border-radius:50%; padding:0; background:#fffdf875; }
#sv-gallery .sv-viewer-dot[aria-current=true] { background:#fffdf8; transform:scale(1.3); }
#sv-gallery .sv-viewer::backdrop { background:#342e28c9; }
#sv-gallery :focus-visible { outline:3px solid #b96f42; outline-offset:3px; }
@container (max-width:740px) {
 #sv-gallery .sv-header { padding:22px 5%; gap:12px; }
#sv-gallery .sv-nav { gap:6px; }
 #sv-gallery .sv-brand span { font-size:25px; }
 #sv-gallery .sv-brand small { letter-spacing:1.3px; font-size:9px; }
 #sv-gallery .sv-hero { min-height:410px; }
 #sv-gallery .sv-hero h1 { font-size:39px; }
 #sv-gallery .sv-grid { gap:28px 18px; }
 #sv-gallery .sv-art-image { height:240px; padding:16px; }
 #sv-gallery .sv-art-title { font-size:20px; }
 #sv-gallery .sv-detail { gap:25px; }
 #sv-gallery .sv-detail-image { padding:20px; min-height:360px; }
 #sv-gallery .sv-detail-copy h1 { font-size:34px; }
}
@container (max-width:940px) {
 #sv-gallery .sv-nav { display:none; }
 .sv-js #sv-gallery .sv-menu { display:block; }
 #sv-gallery .sv-mobile-nav:not([hidden]) { display:flex; }
}
@container (max-width:570px) {
 #sv-gallery .sv-header { min-height:84px; padding:20px 6%; }
 #sv-gallery .sv-mobile-nav { top:84px; right:6%; }
 #sv-gallery .sv-brand span { font-size:27px; }
 #sv-gallery .sv-hero { display:block; min-height:0; }
 #sv-gallery .sv-hero-copy { padding:36px 7% 18px; }
 #sv-gallery .sv-hero h1 { font-size:40px; max-width:360px; letter-spacing:-1px; }
 #sv-gallery .sv-hero-copy>p:not(.sv-eyebrow) { margin:19px 0 22px; }
 #sv-gallery .sv-section { padding:28px 6% 36px; }
 #sv-gallery .sv-section h2 { font-size:28px; }
 #sv-gallery .sv-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 14px; }
 #sv-gallery .sv-carousel .sv-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 #sv-gallery .sv-carousel .sv-art-image { height:clamp(125px,37vw,205px); padding:9px; }
 #sv-gallery .sv-art-image { height:205px; padding:13px; }
 #sv-gallery .sv-art-title { font-size:19px; }
 #sv-gallery .sv-art-meta { display:block; font-size:11px; }
 #sv-gallery .sv-art-meta span { display:block; }
 #sv-gallery .sv-home-text { grid-template-columns:1fr; margin:5px 6% 0; padding:30px 0; gap:20px; }
 #sv-gallery .sv-home-text h2 { font-size:28px; }
 #sv-gallery .sv-footer { padding:30px 6% 20px; }
 #sv-gallery .sv-footer-links { gap:10px; }
 #sv-gallery .sv-page-head { padding:33px 6% 23px; }
 #sv-gallery .sv-page-head h1 { font-size:40px; }
 #sv-gallery .sv-filters { margin:0 6%; }
 #sv-gallery .sv-filter-group>.sv-filter-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
 #sv-gallery .sv-filter-options { gap:7px; }
 #sv-gallery .sv-filter-options a { font-size:13px; }
 #sv-gallery .sv-filter-group>.sv-filter-options a { width:100%; }
 #sv-gallery .sv-subcategory-filter { padding:12px; }
 #sv-gallery .sv-subcategory-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); }
 #sv-gallery .sv-subcategory-options a { width:100%; }
 #sv-gallery .sv-availability-options a { padding:8px 12px; }
 #sv-gallery .sv-count { padding:0; }
 #sv-gallery .sv-back { padding:17px 6%; }
 #sv-gallery .sv-detail { grid-template-columns:1fr; padding:0 6% 35px; gap:22px; }
 #sv-gallery .sv-detail-image { min-height:0; padding:24px; }
 #sv-gallery .sv-detail-image img { max-height:430px; }
 #sv-gallery .sv-detail-copy { padding-top:0; }
 #sv-gallery .sv-detail-copy h1 { font-size:39px; }
 #sv-gallery .sv-detail-copy dl { font-size:14px; }
 #sv-gallery .sv-detail-links { align-items:start; flex-direction:column; gap:8px; }
 #sv-gallery .sv-poem p { font-size:17px; }
 #sv-gallery .sv-pagination { grid-template-columns:1fr 1fr; }
 #sv-gallery .sv-pagination span { grid-column:1 / -1; grid-row:1; text-align:center; }
 #sv-gallery .sv-pagination a { grid-row:2; }
}
@container (max-width:350px) {
 #sv-gallery .sv-hero h1 { font-size:35px; }
 #sv-gallery .sv-art-image { height:175px; padding:10px; }
 #sv-gallery .sv-art-title { font-size:18px; }
}
@media(prefers-reduced-motion:reduce) { #sv-gallery .sv-art-image img { transition:none; } }

 










#sv-gallery .sv-rich-text ul,#sv-gallery .sv-rich-text ol { margin:0 0 20px; padding-left:1.4em; }
#sv-gallery .sv-rich-text li { margin-bottom:8px; }
#sv-gallery .sv-rich-text li::marker { color:var(--sv-accent); }
#sv-gallery .sv-rich-text em { font-style:italic; }
#sv-gallery .sv-rich-text a { color:var(--sv-accent); text-decoration:underline; text-underline-offset:3px; }
#sv-gallery .sv-rich-text a:hover { text-decoration-thickness:2px; }
 


#sv-gallery .sv-rich-text p:empty::before { content:"\00a0"; }

 









#sv-gallery .sv-edit-bar { display:flex; align-items:center; justify-content:flex-end; gap:16px; flex-wrap:wrap; padding:8px 5%; background:var(--sv-mat); border-bottom:1px solid var(--sv-line); font-size:12px; color:var(--sv-muted); }
#sv-gallery .sv-edit-bar form { margin:0; }
#sv-gallery .sv-edit-bar button { min-height:44px; padding:0 12px; border:1px solid var(--sv-line); border-radius:2px; background:var(--sv-paper); color:var(--sv-accent); font-size:12px; }
#sv-gallery .sv-edit { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:8px 0 0; }
#sv-gallery .sv-edit form { margin:0; }
#sv-gallery .sv-edit a,#sv-gallery .sv-edit button { display:inline-flex; align-items:center; min-height:44px; padding:0 14px; border:1px solid var(--sv-line); border-radius:2px; background:var(--sv-paper); color:var(--sv-accent); font-size:12px; text-decoration:none; }
#sv-gallery .sv-edit a:hover,#sv-gallery .sv-edit button:hover { border-color:var(--sv-accent); }
#sv-gallery .sv-edit-nad-mrizkou { justify-content:flex-end; margin:0 0 18px; }
#sv-gallery .sv-edit-detail { margin:14px 0 4px; }

 
#sv-gallery .sv-form-section { padding-top:0; }
#sv-gallery .sv-form { max-width:760px; }
#sv-gallery .sv-form-uzka { max-width:420px; }
#sv-gallery .sv-field { display:block; margin:0 0 18px; }
#sv-gallery .sv-field label { display:block; margin-bottom:6px; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:var(--sv-muted); }
 



#sv-gallery .sv-form input:not([type=checkbox]):not([type=hidden]),#sv-gallery .sv-form select,#sv-gallery .sv-form textarea { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--sv-line); border-radius:2px; background:var(--sv-paper); color:var(--sv-ink); font:inherit; }
#sv-gallery .sv-form textarea { min-height:11rem; line-height:1.6; resize:vertical; }
#sv-gallery .sv-form input[type=checkbox] { width:24px; height:24px; margin:10px 0; accent-color:var(--sv-accent); }
#sv-gallery .sv-help { display:block; margin-top:5px; font-size:12px; color:var(--sv-muted); }
#sv-gallery .sv-chyba { display:block; margin-top:5px; font-size:12px; color:#9a2f1f; }
#sv-gallery .sv-field-chyba input,#sv-gallery .sv-field-chyba textarea,#sv-gallery .sv-field-chyba select { border-color:#9a2f1f; }
#sv-gallery .sv-form-error { margin:0 0 20px; padding:12px 14px; border:1px solid #9a2f1f; border-radius:2px; background:#fdf3f1; color:#9a2f1f; font-size:14px; }
#sv-gallery .sv-form-error p { margin:0; }
#sv-gallery .sv-form-nadpis { margin:28px 0 14px; font-size:22px; }
#sv-gallery .sv-fotky { display:grid; gap:16px; }
#sv-gallery .sv-fotka { margin:0; padding:16px; border:1px solid var(--sv-line); border-radius:2px; background:var(--sv-mat); }
#sv-gallery .sv-fotka legend { padding:0 6px; font-size:12px; letter-spacing:1px; text-transform:uppercase; color:var(--sv-muted); }
#sv-gallery .sv-fotka-nahled { display:block; height:auto; margin-bottom:12px; border-radius:2px; }
#sv-gallery .sv-docasny-upload { margin:-4px 0 12px; color:#3f5126; font-size:14px; }
#sv-gallery .sv-form-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:26px; }
#sv-gallery .sv-form-actions button { min-height:46px; }
@container (max-width:700px) {
  



 #sv-gallery .sv-form input[type=checkbox] { width:44px; height:44px; margin:0; }
 #sv-gallery .sv-edit-bar { padding:8px 6%; }
 #sv-gallery .sv-edit-nad-mrizkou { justify-content:flex-start; }
 #sv-gallery .sv-form-actions button { width:100%; justify-content:center; }
}

 

#sv-gallery .sv-edit-bar a { min-height:44px; display:inline-flex; align-items:center; padding:0 8px; color:var(--sv-accent); text-decoration:none; }
#sv-gallery .sv-skryte { list-style:none; margin:0; padding:0; display:grid; gap:12px; }
#sv-gallery .sv-skryte li { display:grid; gap:4px; padding:14px; border:1px solid var(--sv-line); border-radius:2px; background:var(--sv-mat); }
#sv-gallery .sv-skryte-nazev { font:19px/1.3 Georgia,serif; }
#sv-gallery .sv-skryte-popis { font-size:12px; color:var(--sv-muted); }
