/* Bilohash Studio — спільна тема сторінок bilohash.com (з bs-home.css) (стиль наліпки, 2026-11-12).
   Діє лише з body.bs-site. Кольорові заміни — тільки всередині main і верхнього меню;
   підвал спільний з іншими сторінками й лишається темним. */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800;900&display=swap');

body.bs-site{
  --ink:#14110f;--paper:#fff8e7;--blue:#2447ff;--yellow:#ffd84d;--coral:#ff5a4f;--mint:#7be0c3;--mute:#4f4943;
  background:var(--paper) radial-gradient(rgba(20,17,15,.09) 1.6px,transparent 2px) 0 0/26px 26px !important;
  color:var(--ink) !important;font-family:Rubik,system-ui,-apple-system,"Segoe UI",sans-serif !important}

.bs-site .font-display,.bs-site h1,.bs-site h2,.bs-site h3,.bs-site h4,.bs-site .section-header{font-family:Rubik,system-ui,sans-serif !important;color:var(--ink) !important;letter-spacing:-.02em}
.bs-site h1,.bs-site h2,.bs-site .section-header{font-weight:900 !important}
.bs-site h3,.bs-site h4{font-weight:800 !important}
.bs-site p,.bs-site li{font-family:Rubik,system-ui,sans-serif}

/* Tailwind-кольори → палітра наліпки (лише main) */
.bs-site .bg-slate-950,.bs-site .bg-slate-900,.bs-site .bg-slate-900\/60,.bs-site .bg-zinc-950{background-color:transparent !important}
.bs-site .text-white,.bs-site .text-slate-100,.bs-site .text-slate-200,.bs-site .text-slate-300{color:var(--ink) !important}
.bs-site .text-slate-400,.bs-site .text-slate-500{color:var(--mute) !important}
.bs-site .text-cyan-400,.bs-site .text-cyan-300,.bs-site .text-cyan-400\/90,.bs-site .text-teal-400,.bs-site .text-sky-400,
.bs-site .text-violet-300,.bs-site .text-violet-400,.bs-site .text-violet-200{color:var(--blue) !important}
.bs-site .text-emerald-400{color:#0a7a55 !important}
.bs-site .text-amber-400,.bs-site .text-amber-300{color:#a35f00 !important}
.bs-site .border-slate-800,.bs-site .border-slate-700,.bs-site .border-slate-800\/80,.bs-site .border-slate-600{border-color:var(--ink) !important}
.bs-site .bg-slate-800{background:var(--yellow) !important;border:2px solid var(--ink);color:var(--ink) !important}
.bs-site .group:hover .group-hover\:bg-cyan-400,.bs-site .group:hover .group-hover\:bg-violet-500{background:var(--mint) !important;color:var(--ink) !important}
.bs-site .group:hover .group-hover\:text-cyan-400,.bs-site .group:hover .group-hover\:text-violet-200{color:var(--blue) !important}
.bs-site .hover\:text-white:hover,.bs-site .hover\:text-cyan-300:hover,.bs-site .hover\:text-cyan-400:hover{color:var(--blue) !important}
.bs-site .hover\:bg-slate-900:hover,.bs-site .hover\:bg-slate-800:hover{background:#fff !important}

/* верхнє меню */
.bs-site .bh-site-nav{background:rgba(255,248,231,.97) !important;border-bottom:3px solid var(--ink) !important}
.bs-site .bh-site-nav .nav-link{color:var(--ink) !important;font-weight:700;font-family:Rubik,system-ui,sans-serif}
.bs-site .bh-site-nav .nav-link:hover{color:var(--blue) !important}
.bs-site #mobile-menu-btn{background:var(--yellow) !important;color:var(--ink) !important;border:3px solid var(--ink) !important;box-shadow:3px 3px 0 var(--ink)}
.bs-site #mobile-menu [data-mobile-menu-panel]{background:var(--paper) !important;border-left:3px solid var(--ink) !important;color:var(--ink)}
.bs-site #mobile-menu [data-mobile-menu-panel] a,.bs-site #mobile-menu [data-mobile-menu-panel] .font-semibold{color:var(--ink) !important}
.bs-site #mobile-menu [data-mobile-menu-panel] a:hover{background:#fff !important}
.bs-logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.bs-logo img{width:40px;height:40px;display:block;flex:none;transition:transform .2s}
.bs-logo:hover img{transform:rotate(-6deg) scale(1.06)}
.bs-logo b{display:block;font:900 19px/1 Rubik,system-ui,sans-serif;letter-spacing:-.01em;color:var(--ink,#14110f)}
.bs-logo small{display:block;font:700 11px/1.2 Rubik,system-ui,sans-serif;color:var(--mute,#4f4943);margin-top:2px;white-space:nowrap}

/* картки: білий папір, туш, тверда тінь */
.bs-site .modern-card,.bs-site .project-card,.bs-site details,.bs-site .bh-home-license,
.bs-site .pf-product-card,.bs-site .nk-card,.bs-site .nk-demo,.bs-site .rounded-2xl.border,.bs-site .rounded-3xl.border{
  background:#fff !important;border:3px solid var(--ink) !important;box-shadow:6px 6px 0 var(--ink) !important;color:var(--ink) !important;backdrop-filter:none !important}
.bs-site .modern-card:hover,.bs-site .project-card:hover,.bs-site .pf-product-card:hover,.bs-site .nk-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink) !important}
.bs-site .modern-card::before,.bs-site .modern-card::after,.bs-site .bh-home-license::before,.bs-site .bh-home-license::after{display:none !important}
.bs-site .project-shot,.bs-site .pf-product-shot,.bs-site .project-card img,.bs-site .pf-product-card img{background:var(--paper) !important}
.bs-site .pf-product-card *{color:var(--ink)}
.bs-site .pf-product-card p,.bs-site .pf-product-card .pf-product-desc{color:var(--mute) !important}
.bs-site .pf-product-card a{border-color:var(--ink) !important;background:#fff !important;font-weight:700}
.bs-site .pf-product-card a:hover{background:var(--yellow) !important}
.bs-site .pf-product-icon{background:var(--yellow) !important;color:var(--ink) !important;border:2px solid var(--ink)}
.bs-site .pf-products-title{color:var(--ink) !important}
.bs-site .pf-products-sub{color:var(--mute) !important}
.bs-site .pf-products-all{color:var(--blue) !important}

/* ліцензії */
.bs-site .bh-home-license *{color:var(--ink)}
.bs-site .bh-home-license--featured{background:var(--yellow) !important}
.bs-site .bh-home-license [class*="price"],.bs-site .bh-home-license .metric{color:var(--blue) !important}
.bs-site .bh-home-license a,.bs-site .bh-home-license button{background:#fff !important;color:var(--ink) !important;border:3px solid var(--ink) !important;box-shadow:4px 4px 0 var(--ink);font-weight:800}
.bs-site .bh-home-license--featured a,.bs-site .bh-home-license--featured button{background:var(--ink) !important;color:#fff !important}
.bs-site .bh-home-license [class*="badge"]{background:var(--coral) !important;color:#fff !important;border:2px solid var(--ink)}

/* смуга «Salg åpent» */
.bs-site .pf-eco-cta-inner{background:var(--coral) !important;border:3px solid var(--ink) !important;box-shadow:6px 6px 0 var(--ink) !important;color:#fff}
.bs-site .pf-eco-cta-inner *{color:#fff !important}
.bs-site .pf-eco-cta-inner a{background:var(--yellow) !important;color:var(--ink) !important;border:3px solid var(--ink) !important;box-shadow:3px 3px 0 var(--ink)}
.bs-site .pf-eco-cta-inner a *{color:var(--ink) !important}
.bs-site .pf-eco-cta-icon{background:#fff !important;border:2px solid var(--ink)}
.bs-site .pf-eco-cta-icon i{color:var(--coral) !important}

/* блок «Lær norsk med tegneserier» */
.bs-site .nk{background:var(--yellow) radial-gradient(rgba(20,17,15,.1) 1.6px,transparent 2px) 0 0/22px 22px !important;border:3px solid var(--ink) !important;box-shadow:8px 8px 0 var(--ink) !important}
.bs-site .nk .nk-kick{color:var(--ink) !important;font-weight:800}
.bs-site .nk .nk-desc,.bs-site .nk .nk-free,.bs-site .nk .nk-apps p,.bs-site .nk .nk-hint{color:#3a342f !important}
.bs-site .nk .nk-chips li{background:#fff !important;border:2px solid var(--ink) !important;color:var(--ink) !important}
.bs-site .nk .nk-row h3,.bs-site .nk .nk-card b{color:var(--ink) !important}
.bs-site .nk .nk-row a{color:var(--blue) !important}
.bs-site .nk .nk-go{background:var(--coral) !important;color:#fff !important;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.bs-site .nk .nk-phone{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.bs-site .nk-rel{background:#fff !important;border:3px solid var(--ink) !important;box-shadow:6px 6px 0 var(--ink)}
.bs-site .nk-rel *{color:var(--ink)}
.bs-site .nk-rel p,.bs-site .nk-rel li{color:var(--mute) !important}
.bs-site .nk-demo{background:var(--mint) !important}

/* кнопки */
.bs-site a.bg-violet-500 *{color:var(--ink) !important}
.bs-site a.bg-cyan-400,.bs-site button.bg-cyan-400,.bs-site a.bg-violet-500{background:var(--yellow) !important;color:var(--ink) !important;border:3px solid var(--ink) !important;box-shadow:4px 4px 0 var(--ink);font-weight:800 !important}
.bs-site a.border-cyan-500\/50,.bs-site a.border.rounded-2xl,.bs-site a.border-slate-700{border:3px solid var(--ink) !important;color:var(--ink) !important;background:#fff !important;font-weight:800 !important}
.bs-site a.border-slate-700:hover,.bs-site a.border-cyan-500\/50:hover{background:var(--mint) !important}

/* смуги-розділи */
.bs-site #projects{background:var(--blue) radial-gradient(rgba(255,255,255,.14) 1.6px,transparent 2px) 0 0/26px 26px !important;border-top:3px solid var(--ink) !important;border-bottom:3px solid var(--ink) !important}
.bs-site #projects > div > div:first-child .section-header,.bs-site #projects > div > div:first-child p,.bs-site #projects > div > div:first-child a{color:#fff !important}
.bs-site #projects > div > div:first-child .uppercase{color:var(--yellow) !important}
.bs-site #projects .bh-products-more-btn,.bs-site #projects button[aria-controls]{background:var(--yellow) !important;color:var(--ink) !important;border:3px solid var(--ink) !important}
.bs-site .stack-section{background:var(--mint) !important;border-top:3px solid var(--ink) !important;border-bottom:3px solid var(--ink) !important}
.bs-site .uppercase.tracking-\[3px\]{color:var(--blue) !important;font-weight:800 !important}
.bs-site .bh-end-reader__card{background:var(--yellow) !important}

/* перший екран */
.bs-hero{position:relative}
.bs-hero .bs-kicker{display:inline-flex;align-items:center;gap:8px;background:var(--mint);border:3px solid var(--ink);border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1.5deg);margin-bottom:20px;max-width:100%}
.bs-hero h1{font-size:clamp(38px,4.7vw,70px) !important;line-height:1.02 !important;letter-spacing:-.035em !important;text-wrap:balance}
.bs-hero .bs-lead{font-size:19px;line-height:1.55;color:var(--mute);max-width:38rem;margin:0}
.bs-hero .bs-points{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 28px;padding:0;list-style:none}
.bs-hero .bs-points li{background:#fff;border:3px solid var(--ink);border-radius:12px;padding:6px 12px;font-weight:700;font-size:15px;box-shadow:3px 3px 0 var(--ink)}
.bs-hero .bs-points li:nth-child(3n+1){transform:rotate(-1.5deg)}
.bs-hero .bs-points li:nth-child(3n+2){transform:rotate(1deg);background:var(--yellow)}
.bs-hero .bs-points li:nth-child(4n){background:var(--coral);color:#fff}
.bs-hero-art{position:relative}

.bs-hero-art picture,.bs-hero-art > picture img{display:block;width:100%;height:auto}
.bs-hero-art .bs-solo{position:absolute;left:3%;bottom:4%;background:#fff;border:3px solid var(--ink);border-radius:16px;padding:10px 14px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg);display:flex;align-items:center;gap:10px;max-width:80%}
.bs-hero-art .bs-solo img{width:46px;height:46px;flex:none}
.bs-hero-art .bs-solo b{display:block;font-weight:900;font-size:16px}
.bs-hero-art .bs-solo span{display:block;font-size:13px;color:var(--mute);font-weight:500}
.bs-site .bh-alien__bubble{background:#fff !important;color:var(--ink) !important;border:3px solid var(--ink) !important;box-shadow:4px 4px 0 var(--ink) !important;font-weight:600}
.bs-site .bh-alien{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:20px;overflow:hidden}
.bs-site .metric{color:var(--blue) !important;font-weight:900 !important}

.bs-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border:3px solid var(--ink,#14110f);border-radius:16px;background:#fff;color:var(--ink,#14110f) !important;font:800 16px/1 Rubik,system-ui,sans-serif;text-decoration:none;box-shadow:4px 4px 0 var(--ink,#14110f);transition:transform .15s,box-shadow .15s,background .15s}
.bs-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink,#14110f);background:var(--mint,#7be0c3)}
.bs-btn:focus-visible,.bs-logo:focus-visible{outline:3px solid var(--blue,#2447ff);outline-offset:3px}
.bs-btn--main,.bs-btn--main:hover{background:var(--yellow,#ffd84d)}
.bs-stats{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:26px;font-size:14px}
.bs-stat{display:inline-flex;align-items:baseline;gap:6px;color:var(--mute,#4f4943);text-decoration:none;font-weight:600}
.bs-stat .metric{font-size:19px}
a.bs-stat:hover{color:var(--blue,#2447ff)}

/* підвал головної: туш замість синьо-сірого, жовті акценти (файл підвалу спільний, тож лише через .bs-home) */
.bs-site footer{background:#14110f !important;border-top:3px solid var(--ink) !important}
.bs-site footer [class*="bg-slate-9"],.bs-site footer [class*="bg-slate-8"]{background-color:#221d1a !important}
.bs-site footer .text-cyan-400,.bs-site footer .text-emerald-400,.bs-site footer .text-cyan-300{color:var(--yellow) !important}
.bs-site footer .bg-cyan-400,.bs-site footer a.bg-cyan-400{background:var(--yellow) !important;color:var(--ink) !important}
.bs-site footer .bh-news-brand-mark{background:none !important;box-shadow:none !important}

/* адаптивність */
@media (max-width:767px){
  .bs-site > header{padding-top:28px !important;padding-bottom:40px !important}
  .bs-hero .bs-kicker{font-size:13px}
  .bs-hero .bs-lead{font-size:17px}
  .bs-hero .bs-points{gap:8px}
  .bs-hero .bs-points li{font-size:14px;padding:5px 10px}
  .bs-hero .bh-hero-ctas{flex-direction:column}
  .bs-btn{width:100%}
  .bs-hero-art{margin:0 -8px}
  .bs-hero-art .bs-solo{position:relative;left:auto;bottom:auto;margin:-6px auto 0;max-width:none;width:fit-content}
  .bs-logo small{display:none}
  .bs-site .modern-card,.bs-site .project-card,.bs-site .pf-product-card{box-shadow:4px 4px 0 var(--ink) !important}
}
@media (max-width:380px){
  .bs-hero h1{font-size:34px !important}
  .bs-logo b{font-size:17px}
}
@media (max-width:1023px){
  .bs-site .bh-site-nav .hidden.md\:flex{display:none !important}
  .bs-site #mobile-menu-btn{display:flex !important}
  .bs-site #mobile-menu:not(.hidden){display:block !important}
  .bs-hero{grid-template-columns:minmax(0,1fr) !important}
  .bs-hero > div{grid-column:auto !important}
  .bs-hero-art{max-width:760px;margin:0 auto;width:100%}
}
@media (min-width:768px) and (max-width:1100px){
  .bs-logo small{display:none}

  .bs-hero h1{font-size:clamp(34px,5vw,52px) !important}
  .bs-hero .bs-lead{font-size:17px}
}
@media (min-width:1700px){
  .bs-hero h1{font-size:80px !important}
  .bs-hero .bs-lead{font-size:21px;max-width:42rem}
}
@media (prefers-reduced-motion:reduce){
  .bs-site *{transition:none !important}
  .bs-site .modern-card:hover,.bs-site .project-card:hover,.bs-site .pf-product-card:hover,.bs-btn:hover{transform:none}
}

/* ───── перемикач «день / ніч» ───── */
.bs-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:3px solid var(--ink,#14110f);background:#fff;color:var(--ink,#14110f);box-shadow:3px 3px 0 var(--ink,#14110f);cursor:pointer;font-size:18px;transition:transform .15s,background .15s;flex:none}
.bs-theme-btn:hover{transform:translate(-1px,-1px);background:var(--yellow,#ffd84d)}
.bs-theme-btn:focus-visible{outline:3px solid var(--blue,#2447ff);outline-offset:3px}
.bs-theme-btn .fa-sun{display:none}
html[data-theme="dark"] .bs-theme-btn{background:#221d1a;color:var(--yellow,#ffd84d);border-color:#fff8e7;box-shadow:3px 3px 0 #000}
html[data-theme="dark"] .bs-theme-btn .fa-sun{display:inline-block}
html[data-theme="dark"] .bs-theme-btn .fa-moon{display:none}

/* ───── темна тема головної (html[data-theme=dark]) ───── */
html[data-theme="dark"] body.bs-site{--paper:#14110f;--mute:#c9bfb0;background:#14110f radial-gradient(rgba(255,248,231,.07) 1.6px,transparent 2px) 0 0/26px 26px !important;color:#f3ecdf !important;color-scheme:dark}
html[data-theme="dark"] .bs-site .bh-site-nav{background:rgba(20,17,15,.97) !important;border-bottom-color:#fff8e7 !important}
html[data-theme="dark"] .bs-site .bh-site-nav .nav-link,html[data-theme="dark"] .bs-logo b{color:#fff8e7 !important}
html[data-theme="dark"] .bs-logo small{color:#c9bfb0}
html[data-theme="dark"] .bs-site #mobile-menu [data-mobile-menu-panel]{background:#14110f !important;border-left-color:#fff8e7 !important}
html[data-theme="dark"] .bs-site #mobile-menu [data-mobile-menu-panel] a,html[data-theme="dark"] .bs-site #mobile-menu [data-mobile-menu-panel] .font-semibold{color:#fff8e7 !important}
html[data-theme="dark"] .bs-site #mobile-menu [data-mobile-menu-panel] a:hover{background:#221d1a !important}
html[data-theme="dark"] .bs-site :is(h1,h2,h3,h4,.section-header,.font-display){color:#fff8e7 !important}
html[data-theme="dark"] .bs-site :is(.text-white,.text-slate-100,.text-slate-200,.text-slate-300){color:#f3ecdf !important}
html[data-theme="dark"] .bs-site :is(.text-slate-400,.text-slate-500){color:#c9bfb0 !important}
html[data-theme="dark"] .bs-site :is(.text-cyan-400,.text-cyan-300,.text-cyan-400\/90,.text-teal-400,.text-sky-400,.text-violet-300,.text-violet-400,.text-violet-200,.metric){color:#8fa2ff !important}
html[data-theme="dark"] .bs-site .uppercase.tracking-\[3px\]{color:var(--yellow) !important}
html[data-theme="dark"] .bs-site :is(.modern-card,.project-card,details,.bh-home-license:not(.bh-home-license--featured),.pf-product-card,.rounded-2xl.border,.rounded-3xl.border){background:#221d1a !important;border-color:#fff8e7 !important;box-shadow:6px 6px 0 #000 !important;color:#f3ecdf !important}
html[data-theme="dark"] .bs-site :is(.pf-product-card,.bh-home-license:not(.bh-home-license--featured)) *{color:#f3ecdf}
html[data-theme="dark"] .bs-site .pf-product-card p{color:#c9bfb0 !important}
html[data-theme="dark"] .bs-site .pf-product-card a{background:#14110f !important;border-color:#fff8e7 !important;color:#fff8e7 !important}
html[data-theme="dark"] .bs-site .bh-home-license:not(.bh-home-license--featured) a{background:#14110f !important;color:#fff8e7 !important;border-color:#fff8e7 !important}
html[data-theme="dark"] .bs-site .pf-products-title{color:#fff8e7 !important}
html[data-theme="dark"] .bs-site .pf-products-sub{color:#c9bfb0 !important}
html[data-theme="dark"] .bs-site .pf-products-all{color:var(--yellow) !important}
/* яскраві блоки лишаються яскравими, текст на них — темний */
html[data-theme="dark"] .bs-site :is(.nk,.bh-home-license--featured,.stack-section,.bh-end-reader__card) :is(h1,h2,h3,h4,.section-header,.text-white,.text-slate-100,.text-slate-200,.text-slate-300){color:#14110f !important}
html[data-theme="dark"] .bs-site :is(.nk,.bh-home-license--featured,.stack-section,.bh-end-reader__card) :is(.text-slate-400,.text-slate-500){color:#3a342f !important}
html[data-theme="dark"] .bs-site :is(.nk,.stack-section,.bh-end-reader__card) .uppercase.tracking-\[3px\]{color:var(--blue) !important}
html[data-theme="dark"] .bs-site .bh-end-reader__card{border-color:#fff8e7 !important;box-shadow:6px 6px 0 #000 !important}
html[data-theme="dark"] .bs-site :is(.nk-card,.nk-rel){background:#fff !important}
html[data-theme="dark"] .bs-site :is(.nk-card,.nk-rel) :is(h1,h2,h3,h4,b){color:#14110f !important}
html[data-theme="dark"] .bs-site #projects{border-color:#fff8e7 !important}
html[data-theme="dark"] .bs-site .stack-section{border-color:#fff8e7 !important}

html[data-theme="dark"] .bs-hero-art picture img{display:block}
html[data-theme="dark"] .bs-site a.border-slate-700:hover,html[data-theme="dark"] .bs-site a.border-cyan-500\/50:hover{color:#14110f !important}
html[data-theme="dark"] .bs-site :is(.nk-rel,.nk-demo) :is(p,li,span,small,div){color:#3a342f !important}
html[data-theme="dark"] .bs-site :is(.nk-rel,.nk-demo) :is(h1,h2,h3,h4,b,strong,.uppercase){color:#14110f !important}
html[data-theme="dark"] .bs-site .nk-demo a{color:#14110f !important}
html[data-theme="dark"] .bs-site .nk-demo a.nk-go,html[data-theme="dark"] .bs-site .nk-demo a[class*="bg-"]{color:#fff !important}
/* перший екран: три приклади по черзі (один сайт — три екрани) */
.bs-slides{position:relative;aspect-ratio:1440/900}
.bs-slides .bs-slide{position:absolute;inset:0;opacity:0;animation:bsSlide 15s infinite}
.bs-slides .bs-slide img{width:100%;height:100%;display:block;object-fit:cover}
.bs-slides .bs-slide:nth-child(1){animation-delay:0s}
.bs-slides .bs-slide:nth-child(2){animation-delay:5s}
.bs-slides .bs-slide:nth-child(3){animation-delay:10s}
@keyframes bsSlide{0%{opacity:0}4%{opacity:1}31%{opacity:1}35%{opacity:0}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.bs-slides .bs-slide{animation:none}.bs-slides .bs-slide:nth-child(1){opacity:1}}
html.bsa-still .bs-slides .bs-slide{animation:none !important;opacity:0}
html.bsa-still .bs-slides .bs-slide:nth-child(1){opacity:1}
@media (min-width:1280px){.bs-hero-art .bs-slides{width:110%;margin-right:-10%}}
html[data-theme="dark"] .bs-hero-art .bs-slides{border:3px solid #fff8e7;border-radius:24px;overflow:hidden;box-shadow:8px 8px 0 #000}

/* ───── блок «Відгук у Google» з кнопкою-дефібрилятором ───── */
.bs-review__card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 40px;align-items:center;background:#fff;border:3px solid var(--ink);border-radius:26px;box-shadow:8px 8px 0 var(--ink);padding:32px 36px}
.bs-review__kicker{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-weight:800;color:var(--mute);font-size:15px}
.bs-review__g{display:inline-block;width:26px;height:26px;background:#fff;border:2px solid var(--ink);border-radius:50%;padding:3px}
.bs-review h2{margin:0 0 10px;font-size:clamp(24px,3vw,36px) !important;line-height:1.1}
.bs-review__lead{margin:0;color:var(--mute);font-size:17px;max-width:40rem}
.bs-review__stars{margin-top:14px;font-size:26px;letter-spacing:4px;color:#fbbc05;-webkit-text-stroke:1.5px var(--ink)}
.bs-review__action{display:flex;flex-direction:column;align-items:center;gap:14px}
.bs-defib{position:relative;display:flex;align-items:center;justify-content:center;width:148px;height:148px;border-radius:50%;background:var(--coral);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-decoration:none;animation:bsShock 3.2s infinite;outline-offset:6px}
.bs-defib:focus-visible{outline:4px solid var(--blue)}
.bs-defib:hover{animation-duration:1.1s}
.bs-defib__core{position:relative;z-index:2;display:flex;width:84px;height:84px}
.bs-defib__core svg{width:100%;height:100%;animation:bsBeat 1.1s infinite}
.bs-defib__ring{position:absolute;inset:-4px;border-radius:50%;border:4px solid var(--coral);opacity:0;animation:bsRing 3.2s infinite}
.bs-defib__ring--2{animation-delay:.25s}
.bs-defib__g{position:absolute;z-index:3;width:96px;height:96px;padding:14px;background:#fff;border:4px solid var(--ink);border-radius:50%;box-shadow:5px 5px 0 var(--ink);opacity:0;transform:scale(.2) rotate(-30deg);pointer-events:none}
.bs-defib.is-pop .bs-defib__g{animation:bsGpop 1.3s cubic-bezier(.2,1.6,.4,1) forwards}
.bs-defib__label{font-weight:800;font-size:16px;color:var(--ink)}
@keyframes bsShock{0%,62%,100%{transform:none}64%{transform:translate(-4px,1px) rotate(-6deg)}66%{transform:translate(5px,-2px) rotate(7deg)}68%{transform:translate(-5px,2px) rotate(-5deg)}70%{transform:translate(4px,-1px) rotate(4deg)}72%{transform:translate(-2px,0) rotate(-2deg)}74%{transform:none}}
@keyframes bsRing{0%,62%{opacity:0;transform:scale(1)}64%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.7)}}
@keyframes bsBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.08)}}
@keyframes bsGpop{0%{opacity:0;transform:scale(.2) rotate(-30deg)}35%{opacity:1;transform:translateY(-70px) scale(1.15) rotate(8deg)}70%{opacity:1;transform:translateY(-60px) scale(1) rotate(0)}100%{opacity:0;transform:translateY(-90px) scale(.9)}}
@media (max-width:767px){.bs-review__card{grid-template-columns:1fr;padding:24px 20px;text-align:left}.bs-review__action{align-items:center}.bs-defib{width:128px;height:128px}}
@media (prefers-reduced-motion:reduce){.bs-defib,.bs-defib__core svg,.bs-defib__ring{animation:none !important}.bs-defib__ring{display:none}}
html.bsa-still .bs-defib,html.bsa-still .bs-defib__core svg,html.bsa-still .bs-defib__ring{animation:none !important}
html[data-theme="dark"] .bs-review__card{background:#221d1a;border-color:#fff8e7;box-shadow:8px 8px 0 #000}
html[data-theme="dark"] .bs-review h2{color:#fff8e7 !important}
html[data-theme="dark"] .bs-review__lead,html[data-theme="dark"] .bs-review__kicker{color:#c9bfb0}
html[data-theme="dark"] .bs-defib__label{color:#fff8e7}
/* значки в жовтих кружечках: завжди чорні (і в темній темі) */
.bs-site .bg-slate-800,.bs-site .bg-slate-800 i,.bs-site .bg-slate-800 svg,
html[data-theme="dark"] .bs-site .bg-slate-800,html[data-theme="dark"] .bs-site .bg-slate-800 i,
html[data-theme="dark"] .bs-site .pf-product-icon,html[data-theme="dark"] .bs-site .pf-product-icon i{color:#14110f !important}
/* смуга «Teknisk stack»: білий фон (м'ятний різав очі) */
.bs-site .stack-section{background:#fff !important}
html[data-theme="dark"] .bs-site .stack-section{background:#1b1714 !important}
html[data-theme="dark"] .bs-site .stack-section :is(h1,h2,h3,h4,.section-header,.text-white,.text-slate-100,.text-slate-200,.text-slate-300){color:#fff8e7 !important}
html[data-theme="dark"] .bs-site .stack-section :is(.text-slate-400,.text-slate-500){color:#c9bfb0 !important}
html[data-theme="dark"] .bs-site .stack-section .uppercase.tracking-\[3px\]{color:var(--yellow) !important}
/* смуга «Live-systemer»: світло-блакитна замість яскраво-синьої */
.bs-site #projects{background:#e6ebff radial-gradient(rgba(36,71,255,.13) 1.6px,transparent 2px) 0 0/26px 26px !important}
.bs-site #projects > div > div:first-child .section-header,.bs-site #projects > div > div:first-child p{color:#14110f !important}
.bs-site #projects > div > div:first-child a{color:var(--blue) !important}
.bs-site #projects > div > div:first-child .uppercase{color:var(--blue) !important}
html[data-theme="dark"] .bs-site #projects{background:#1a1d2e radial-gradient(rgba(143,162,255,.12) 1.6px,transparent 2px) 0 0/26px 26px !important}
html[data-theme="dark"] .bs-site #projects > div > div:first-child .section-header,html[data-theme="dark"] .bs-site #projects > div > div:first-child p{color:#fff8e7 !important}
html[data-theme="dark"] .bs-site #projects > div > div:first-child a,html[data-theme="dark"] .bs-site #projects > div > div:first-child .uppercase{color:var(--yellow) !important}

/* ───── інші сторінки: верхні смуги, напівпрозорі утиліти Tailwind ───── */
body.bs-site > header.fixed,body.bs-site > nav.sticky,body.bs-site > header:first-of-type:not(.fixed){background:rgba(255,248,231,.97) !important;border-bottom:3px solid var(--ink) !important;color:var(--ink)}
body.bs-site > header.fixed *,body.bs-site > nav.sticky *,body.bs-site > header:first-of-type *{color:var(--ink)}
body.bs-site > header.fixed a:hover,body.bs-site > nav.sticky a:hover{color:var(--blue) !important}
body.bs-site > header a[class*="bg-cyan"],body.bs-site > nav a[class*="bg-cyan"],body.bs-site > header a[class*="bg-white"]:not(.bs-logo){background:var(--yellow) !important;color:var(--ink) !important;border:3px solid var(--ink) !important;box-shadow:3px 3px 0 var(--ink)}
.bs-site .text-white\/90,.bs-site .text-white\/80{color:var(--ink) !important}
.bs-site .text-white\/70,.bs-site .text-white\/60,.bs-site .text-white\/50,.bs-site .text-white\/40,.bs-site .text-zinc-400,.bs-site .text-zinc-500,.bs-site .text-gray-400{color:var(--mute) !important}
.bs-site .bg-zinc-950,.bs-site .bg-zinc-950\/90,.bs-site .bg-zinc-900,.bs-site .bg-black,.bs-site .bg-slate-950\/95{background-color:transparent !important}
.bs-site .bg-white\/5,.bs-site .bg-white\/10,.bs-site .bg-zinc-900\/60,.bs-site .bg-zinc-900\/50{background:#fff !important;border:3px solid var(--ink) !important;box-shadow:5px 5px 0 var(--ink) !important;color:var(--ink) !important}
.bs-site .border-white\/10,.bs-site .border-white\/5,.bs-site .border-white\/20,.bs-site .border-zinc-800{border-color:var(--ink) !important}
.bs-site input:not([type=checkbox]):not([type=radio]),.bs-site textarea,.bs-site select{background:#fff !important;color:var(--ink) !important;border:3px solid var(--ink) !important;border-radius:12px !important}
.bs-site input::placeholder,.bs-site textarea::placeholder{color:#8a8178 !important}
.bs-site label{color:var(--ink)}
.bs-site button.bg-cyan-400,.bs-site button[class*="bg-cyan"],.bs-site a[class*="bg-cyan-5"],.bs-site button[type=submit]{background:var(--yellow) !important;color:var(--ink) !important;border:3px solid var(--ink) !important;box-shadow:4px 4px 0 var(--ink);font-weight:800 !important}
.bs-site [class*="from-cyan"][class*="bg-gradient"]:not(.bs-mark),.bs-site [class*="bg-gradient-to"][class*="from-zinc"],.bs-site [class*="bg-gradient-to"][class*="from-slate"]{background-image:none !important}
.bs-site [class*="bg-clip-text"]{-webkit-text-fill-color:currentColor !important;background:none !important;color:var(--ink) !important}
html[data-theme="dark"] body.bs-site > header.fixed,html[data-theme="dark"] body.bs-site > nav.sticky,html[data-theme="dark"] body.bs-site > header:first-of-type{background:rgba(20,17,15,.97) !important;border-bottom-color:#fff8e7 !important}
html[data-theme="dark"] body.bs-site > header *,html[data-theme="dark"] body.bs-site > nav.sticky *{color:#fff8e7}
html[data-theme="dark"] .bs-site :is(.bg-white\/5,.bg-white\/10,.bg-zinc-900\/60){background:#221d1a !important;border-color:#fff8e7 !important;color:#f3ecdf !important}
html[data-theme="dark"] .bs-site :is(input,textarea,select){background:#14110f !important;color:#fff8e7 !important;border-color:#fff8e7 !important}
.bs-site .text-transparent{color:var(--ink) !important;-webkit-text-fill-color:var(--ink) !important;background-image:none !important}
html[data-theme="dark"] .bs-site .text-transparent{color:#fff8e7 !important;-webkit-text-fill-color:#fff8e7 !important}
.bs-site main [class*="bg-slate-900\/"],.bs-site main [class*="bg-slate-950\/"]{background:#fff !important;border:3px solid var(--ink) !important;box-shadow:6px 6px 0 var(--ink) !important;color:var(--ink) !important}
html[data-theme="dark"] .bs-site main [class*="bg-slate-900\/"],html[data-theme="dark"] .bs-site main [class*="bg-slate-950\/"]{background:#221d1a !important;border-color:#fff8e7 !important;color:#f3ecdf !important}
html[data-theme="dark"] .bs-site input:not([type=checkbox]):not([type=radio]),html[data-theme="dark"] .bs-site textarea,html[data-theme="dark"] .bs-site select{background:#14110f !important;color:#fff8e7 !important;border-color:#fff8e7 !important}

/* WCAG: перемикач мов (portfolio-lang-dropdown) на сторінках теми — світлі кольори наліпки (2026-11-12) */
body.bs-site .bh-lang-dropdown-btn{background:#fff !important;color:#14110f !important;border:3px solid #14110f !important}
body.bs-site .bh-lang-dropdown-menu{background:#fff !important;border:3px solid #14110f !important}
body.bs-site .bh-lang-dropdown-menu a,body.bs-site .bh-lang-dropdown-menu a span{color:#14110f !important}
body.bs-site .bh-lang-dropdown-menu a:hover,body.bs-site .bh-lang-dropdown-menu a:focus-visible,body.bs-site .bh-lang-dropdown-menu a[aria-current],body.bs-site .bh-lang-dropdown-menu a[aria-selected="true"]{background:#ffd84d !important;color:#14110f !important}
html[data-theme="dark"] body.bs-site .bh-lang-dropdown-btn,html[data-theme="dark"] body.bs-site .bh-lang-dropdown-menu{background:#221d1a !important;color:#fff8e7 !important;border-color:#fff8e7 !important}
html[data-theme="dark"] body.bs-site .bh-lang-dropdown-menu a,html[data-theme="dark"] body.bs-site .bh-lang-dropdown-menu a span{color:#fff8e7 !important}
html[data-theme="dark"] body.bs-site .bh-lang-dropdown-menu a:hover,html[data-theme="dark"] body.bs-site .bh-lang-dropdown-menu a[aria-current]{color:#14110f !important}
html[data-theme="dark"] body.bs-site .bh-lang-dropdown-menu a:hover span,html[data-theme="dark"] body.bs-site .bh-lang-dropdown-menu a[aria-current] span{color:#14110f !important}