/* Bilohash Studio — city pages, city hub and service landings (2026-11-13). Extends bs-service.css + bs-web.css. */
.bsc .bsv-hero h1{overflow-wrap:anywhere;hyphens:auto}
.bsc .bsv-lead,.bsc .bsv-faq p,.bsc .bsv-feats span{overflow-wrap:break-word}
/* intro block: one fact card */
.bsc-one{grid-template-columns:1fr !important}
.bsc-one li{background:#ffd84d}
.bsc-one a{color:#14110f}
/* service cards with icon */
.bsc-svc li,.bsc-cards li{position:relative}
.bsc-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffd84d;border:3px solid #14110f;color:#14110f;margin-bottom:10px;box-shadow:2px 2px 0 #14110f}
.bsc-svc li:nth-child(3n+2) .bsc-ic,.bsc-cards li:nth-child(3n+2) .bsc-ic{background:#7be0c3}
.bsc-svc li:nth-child(3n) .bsc-ic,.bsc-cards li:nth-child(3n) .bsc-ic{background:#ff8f87}
.bsc-cards a{display:block;color:inherit;text-decoration:none;height:100%}
.bsc-cards li:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #14110f}
.bsc-links .bsv-other{margin-top:16px}
/* hub cards */
.bsc-region{display:inline-block;align-self:flex-start;margin:0 16px;padding:2px 10px !important;border:2px solid #14110f;border-radius:999px;background:#7be0c3;color:#14110f !important;font-weight:800;font-size:13px}
.bsc-hub-link{background:#2447ff !important;color:#fff !important}
.bsc-hub-link:hover{background:#1a36cc !important}
.bsc-h2-sm{font-size:clamp(22px,2.6vw,28px) !important;margin-top:26px !important}
.bsc-foot-links a{color:#ffd84d}
/* RTL */
[dir=rtl] .bsc .bsv-crumbs,[dir=rtl] .bsc .bsv-faq summary{text-align:right}
[dir=rtl] .bsc .fa-arrow-right{transform:scaleX(-1)}
/* phones: language code instead of the name */
@media (max-width:600px){
  .bsc .bsv-hero h1{font-size:clamp(30px,8.6vw,40px)}
  .bsc .bsv-lead{font-size:17px}
  .bsc-region{margin:0 16px}
}
@media (prefers-reduced-motion:reduce){.bsc-cards li:hover{transform:none}}
/* dark theme */
html[data-theme="dark"] .bsc-one li,html[data-theme="dark"] .bsc-one li *{color:#14110f !important}
html[data-theme="dark"] .bsc-one li{background:#ffd84d !important;border-color:#14110f !important}
html[data-theme="dark"] .bsc-ic{color:#14110f;border-color:#14110f}
html[data-theme="dark"] .bsc-region{border-color:#14110f}
html[data-theme="dark"] .bsc-cards a{color:#fff8e7}
/* honeypot: bs-service.css moves it to left:-9999px, which in RTL widens the page to ~10000px and blanks the phone view */
.bsc .bsv-hp{left:0 !important;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.bsc .bsv-form{position:relative}
html:has(body.bsc){overflow-x:clip}