/* Bilohash Studio — сторінки послуг (/tjenester/) у стилі наліпки */
.bsv{font-family:Rubik,system-ui,-apple-system,"Segoe UI",sans-serif}
.bsv-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.bsv-top{position:sticky;top:0;z-index:60;background:rgba(255,248,231,.97);border-bottom:3px solid #14110f}
.bsv-top .bsv-wrap{display:flex;align-items:center;gap:14px;min-height:66px}
.bsv-nav{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
[dir=rtl] .bsv-nav{margin-left:0;margin-right:auto}
.bsv-nav a{color:#14110f;text-decoration:none;font-weight:800;font-size:15px;padding:8px 10px;border-radius:10px}
.bsv-nav a:hover{background:#fff}
.bsv-nav-cta{border:3px solid #14110f;background:#ffd84d;box-shadow:3px 3px 0 #14110f}
.bsv-lang{position:relative}
.bsv-lang summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;background:#fff;color:#14110f;border:3px solid #14110f;border-radius:12px;padding:7px 12px;font-weight:800;font-size:14px;box-shadow:3px 3px 0 #14110f}
.bsv-lang summary::-webkit-details-marker{display:none}
.bsv-lang img{width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1.5px #14110f;object-fit:cover}
.bsv-lang ul{position:absolute;right:0;top:calc(100% + 8px);margin:0;padding:6px;list-style:none;background:#fff;border:3px solid #14110f;border-radius:14px;box-shadow:5px 5px 0 #14110f;width:220px;max-height:70vh;overflow:auto;z-index:70}
[dir=rtl] .bsv-lang ul{right:auto;left:0}
.bsv-lang li a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:#14110f;text-decoration:none;font-weight:700}
.bsv-lang li a:hover,.bsv-lang li a:focus-visible{background:#ffd84d}
.bsv-lang li a[aria-current]{background:#7be0c3}
.bsv-crumbs{margin:18px 0 0;font-size:14px;color:#4f4943}
.bsv-crumbs a{color:#2447ff}
.bsv-hero{padding:22px 0 24px}
.bsv-hero h1{font:900 clamp(36px,5.4vw,64px)/1.03 Rubik,system-ui,sans-serif;letter-spacing:-.03em;margin:10px 0 12px;color:#14110f}
.bsv-lead{font-size:19px;line-height:1.55;color:#4f4943;max-width:42rem;margin:0}
.bsv-hero--svc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:center}
.bsv-kicker{display:inline-flex;align-items:center;gap:8px;background:#7be0c3;border:3px solid #14110f;border-radius:999px;padding:5px 14px;font-weight:800;font-size:14px;box-shadow:3px 3px 0 #14110f;transform:rotate(-1.5deg)}
.bsv-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px;padding:0;list-style:none}
.bsv-chips li{background:#fff;border:3px solid #14110f;border-radius:12px;padding:5px 11px;font-weight:700;font-size:14px;box-shadow:3px 3px 0 #14110f}
.bsv-chips li:nth-child(2){background:#ffd84d}
.bsv-hero-art{margin:0}
.bsv-hero-art img{width:100%;height:auto;display:block;border-radius:22px}
.bsv-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 22px;border:3px solid #14110f;border-radius:16px;background:#fff;color:#14110f;font:800 16px/1 Rubik,system-ui,sans-serif;text-decoration:none;box-shadow:4px 4px 0 #14110f;cursor:pointer}
.bsv-btn--y{background:#ffd84d}
.bsv-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #14110f}
.bsv-btn:focus-visible,.bsv a:focus-visible,.bsv summary:focus-visible{outline:3px solid #2447ff;outline-offset:3px}
.bsv-sec{margin:34px 0}
.bsv-sec h2{font:900 clamp(26px,3.2vw,36px)/1.1 Rubik,system-ui,sans-serif;color:#14110f;margin:0 0 16px;letter-spacing:-.02em}
.bsv-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.bsv-feats li{background:#fff;border:3px solid #14110f;border-radius:20px;box-shadow:5px 5px 0 #14110f;padding:18px}
.bsv-feats b{display:block;font-size:18px;font-weight:800;margin-bottom:6px;color:#14110f}
.bsv-feats span{color:#4f4943;line-height:1.5}
.bsv-work{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.bsv-work li{background:#fff;border:3px solid #14110f;border-radius:20px;box-shadow:5px 5px 0 #14110f;overflow:hidden}
.bsv-work img{width:100%;height:auto;display:block;background:#fff8e7;border-bottom:3px solid #14110f}
.bsv-work div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}
.bsv-work b{font-weight:800;color:#14110f}
.bsv-work a{color:#2447ff;font-weight:700;font-size:14px;white-space:nowrap}
.bsv-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:s;margin:0;padding:0;list-style:none}
.bsv-steps li{background:#fff;border:3px solid #14110f;border-radius:18px;box-shadow:4px 4px 0 #14110f;padding:16px;counter-increment:s}
.bsv-steps li::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#2447ff;color:#fff;font-weight:900;border:2px solid #14110f;margin-bottom:8px}
.bsv-steps b{display:block;font-weight:800;color:#14110f}
.bsv-steps span{color:#4f4943;font-size:15px}
.bsv-faq{display:grid;gap:12px;max-width:860px}
.bsv-faq details{background:#fff;border:3px solid #14110f;border-radius:16px;box-shadow:4px 4px 0 #14110f;padding:14px 16px}
.bsv-faq summary{cursor:pointer;font-weight:800;color:#14110f}
.bsv-faq p{margin:10px 0 0;color:#4f4943;line-height:1.55}
.bsv-card{background:#fff;border:3px solid #14110f;border-radius:24px;box-shadow:7px 7px 0 #14110f;padding:26px;max-width:860px}
.bsv-card h2{margin-bottom:6px}
.bsv-card > p{color:#4f4943;margin:0 0 14px}
.bsv-form{display:grid;gap:12px}
.bsv-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bsv-form label{display:grid;gap:5px;font-weight:700;font-size:14px;color:#14110f}
.bsv-form input,.bsv-form textarea{width:100%;box-sizing:border-box;font:500 16px/1.3 Rubik,system-ui,sans-serif;color:#14110f;background:#fff;border:3px solid #14110f;border-radius:12px;padding:11px 12px}
.bsv-form textarea{min-height:110px;resize:vertical}
.bsv-cap{grid-template-columns:1fr 110px !important;align-items:center}
.bsv-hp{position:absolute !important;left:0 !important;top:0 !important;width:1px !important;height:1px !important;overflow:hidden !important;clip-path:inset(50%) !important;white-space:nowrap}
.bsv-msg{margin:0;min-height:1.3em;font-weight:700}
.bsv-msg.is-err{color:#b3261e}
.bsv-ok{margin:0;padding:16px;background:#7be0c3;border:3px solid #14110f;border-radius:14px;font-weight:800}
.bsv-priv{margin:0;font-size:13px;color:#4f4943}
.bsv-priv a{color:#2447ff}
.bsv-other{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.bsv-other a{display:inline-flex;align-items:center;gap:8px;border:3px solid #14110f;border-radius:12px;padding:9px 13px;background:#fff;color:#14110f;font-weight:800;text-decoration:none;box-shadow:3px 3px 0 #14110f}
.bsv-other a:hover{background:#ffd84d}
.bsv-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin:10px 0 30px;padding:0;list-style:none}
.bsv-hub-card{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;background:#fff;border:3px solid #14110f;border-radius:22px;box-shadow:6px 6px 0 #14110f;overflow:hidden;color:#14110f;text-decoration:none;padding-bottom:16px}
.bsv-hub-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #14110f}
.bsv-hub-card img{width:100%;height:auto;display:block;border-bottom:3px solid #14110f;background:#fff8e7}
.bsv-ic{position:absolute;top:12px;left:12px;width:44px;height:44px;border-radius:12px;background:#ffd84d;border:3px solid #14110f;display:flex;align-items:center;justify-content:center;color:#14110f}
[dir=rtl] .bsv-ic{left:auto;right:12px}
.bsv-hub-card b{font-size:20px;font-weight:900;padding:6px 16px 0}
.bsv-hub-card span:not(.bsv-ic){color:#4f4943;padding:0 16px;line-height:1.45}
.bsv-hub-card em{font-style:normal;font-weight:800;color:#2447ff;padding:4px 16px 0;margin-top:auto}
.bsv-foot{border-top:3px solid #14110f;background:#14110f;color:#fff8e7;padding:18px 0;margin-top:40px}
.bsv-foot .bsv-wrap{display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:14px}
.bsv-foot a{color:#ffd84d}
@media (max-width:980px){.bsv-hero--svc{grid-template-columns:1fr}.bsv-feats{grid-template-columns:1fr 1fr}.bsv-steps{grid-template-columns:1fr 1fr}.bsv-nav a:not(.bsv-nav-cta){display:none}}
@media (max-width:600px){.bsv-feats,.bsv-steps,.bsv-row{grid-template-columns:1fr}.bsv-nav{display:none}.bsv-lang summary span{display:none}.bsv-card{padding:18px}.bsv-btn{width:100%;justify-content:center}.bsv-lang{margin-left:auto}[dir=rtl] .bsv-lang{margin-left:0;margin-right:auto}}
@media (prefers-reduced-motion:reduce){.bsv *{transition:none !important}.bsv-hub-card:hover,.bsv-btn:hover{transform:none}}
html[data-theme="dark"] .bsv-top{background:rgba(20,17,15,.97);border-bottom-color:#fff8e7}
html[data-theme="dark"] body.bsv > header.bsv-top .bsv-nav a{color:#fff8e7}
html[data-theme="dark"] body.bsv > header.bsv-top .bsv-nav a.bsv-nav-cta{color:#14110f}
html[data-theme="dark"] body.bsv > header.bsv-top .bsv-lang summary,html[data-theme="dark"] body.bsv > header.bsv-top .bsv-lang ul{background:#221d1a;color:#fff8e7;border-color:#fff8e7;box-shadow:4px 4px 0 #000}
html[data-theme="dark"] body.bsv > header.bsv-top .bsv-lang li a{color:#fff8e7}
html[data-theme="dark"] body.bsv > header.bsv-top .bsv-lang li a:hover,html[data-theme="dark"] body.bsv > header.bsv-top .bsv-lang li a[aria-current]{color:#14110f}
html[data-theme="dark"] .bsv :is(.bsv-hero h1,.bsv-sec h2){color:#fff8e7}
html[data-theme="dark"] .bsv :is(.bsv-lead,.bsv-crumbs){color:#c9bfb0}
html[data-theme="dark"] .bsv :is(.bsv-feats li,.bsv-work li,.bsv-steps li,.bsv-faq details,.bsv-card,.bsv-hub-card,.bsv-other a){background:#221d1a;border-color:#fff8e7;box-shadow:5px 5px 0 #000;color:#fff8e7}
html[data-theme="dark"] .bsv :is(.bsv-feats b,.bsv-work b,.bsv-steps b,.bsv-faq summary,.bsv-form label,.bsv-hub-card b){color:#fff8e7}
html[data-theme="dark"] .bsv :is(.bsv-feats span,.bsv-steps span,.bsv-faq p,.bsv-card > p,.bsv-priv,.bsv-hub-card span:not(.bsv-ic)){color:#c9bfb0}
html[data-theme="dark"] .bsv :is(.bsv-work a,.bsv-hub-card em,.bsv-priv a,.bsv-crumbs a){color:#ffd84d}
.bsv-btn{box-sizing:border-box;max-width:100%;text-align:center;line-height:1.2}
.bsv-hero,.bsv-sec{min-width:0}

/* бургер-меню в шапці сторінок послуг і /website/ (телефон), 2026-11-12 */
.bsv-menu{display:none;position:relative}
.bsv-menu > summary{list-style:none;width:46px;height:46px;border-radius:14px;border:3px solid #14110f;background:#ffd84d;color:#14110f;box-shadow:3px 3px 0 #14110f;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
.bsv-menu > summary::-webkit-details-marker{display:none}
.bsv-menu[open] > summary{background:#fff}
.bsv-menu-panel{position:fixed;left:12px;right:12px;top:76px;max-height:calc(100dvh - 92px);overflow:auto;z-index:80;background:#fff8e7;border:4px solid #14110f;border-radius:22px;box-shadow:7px 7px 0 #14110f;padding:12px;display:grid;gap:8px}
.bsv-menu-panel a{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 12px 6px 6px;background:#fff;border:3px solid #14110f;border-radius:16px;box-shadow:3px 3px 0 #14110f;color:#14110f;text-decoration:none;font:900 21px/1.1 Rubik,system-ui,sans-serif}
.bsv-menu-panel a .bsv-ic{position:static;width:40px;height:40px;flex:0 0 auto}
.bsv-menu-panel a:nth-child(3n+2) .bsv-ic{background:#7be0c3}
.bsv-menu-panel a:nth-child(3n) .bsv-ic{background:#ff8f87}
.bsv-menu-panel .bsv-menu-mail{background:#2447ff;color:#fff;font-size:17px;word-break:break-all}
.bsv-menu-panel .bsv-menu-mail i{color:#ffd84d;width:40px;text-align:center}
@media (max-width:600px){.bsv-menu{display:block}.bsv-top .bsv-wrap{gap:10px}}
html[data-theme="dark"] .bsv-menu-panel{background:#14110f;border-color:#fff8e7;box-shadow:7px 7px 0 #000}
html[data-theme="dark"] .bsv-menu-panel a:not(.bsv-menu-mail){background:#221d1a;color:#fff8e7;border-color:#fff8e7;box-shadow:3px 3px 0 #000}
html[data-theme="dark"] .bsv-menu-panel .bsv-ic{color:#14110f}

.bsv-priv a{text-decoration:underline;text-underline-offset:2px}
