/*
Theme Name: Browser Org Catalog
Theme URI: https://browser-org.ru/
Author: Browser Org
Description: Визуальный каталог установщиков браузера для рабочих устройств.
Version: 2.0.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: browser-org
*/
:root{--bo-paper:#f5f0e7;--bo-ink:#151515;--bo-blue:#3857ff;--bo-coral:#ff5a36;--bo-acid:#d9ff5b;--bo-lilac:#d9d7ff;--bo-white:#fffdfa;--bo-muted:#615e57}
html{scroll-behavior:smooth}body{overflow-x:hidden}*{box-sizing:border-box}a:focus-visible,.wp-block-button__link:focus-visible{outline:4px solid var(--bo-acid);outline-offset:3px}
.bo-header{position:sticky;top:0;z-index:50;border-bottom:2px solid var(--bo-ink);backdrop-filter:blur(16px)}.bo-header-inner{min-height:68px}.bo-brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--bo-acid);border:2px solid var(--bo-ink);border-radius:50%;font-size:13px;font-weight:900;letter-spacing:-.06em;transform:rotate(-8deg)}.bo-header a{text-decoration:none;color:var(--bo-ink)}.bo-header-nav a{font-size:.9rem;font-weight:750;border-bottom:2px solid transparent}.bo-header-nav a:hover{border-color:var(--bo-blue)}.bo-header-cta .wp-block-button__link{border:2px solid var(--bo-ink)!important;box-shadow:4px 4px 0 var(--bo-ink);border-radius:0!important}
.bo-hero{position:relative;border-bottom:2px solid var(--bo-ink);overflow:hidden}.bo-hero:before{content:'ORG / 10';position:absolute;right:-40px;top:34px;font-weight:900;font-size:clamp(5rem,14vw,13rem);letter-spacing:-.09em;color:rgba(21,21,21,.045);line-height:.7;pointer-events:none}.bo-kicker{display:inline-flex;width:fit-content;padding:.4rem .65rem;border:2px solid var(--bo-ink);background:var(--bo-acid);box-shadow:4px 4px 0 var(--bo-ink);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-1deg)}.bo-hero h1{font-size:clamp(3.3rem,7vw,7.6rem)!important;line-height:.82!important;letter-spacing:-.075em;margin-top:2.2rem!important;margin-bottom:2rem!important;max-width:900px;text-wrap:balance}.bo-hero h1 em{font-style:normal;color:var(--bo-blue)}.bo-hero-copy{max-width:670px}.bo-primary .wp-block-button__link{background:var(--bo-coral)!important;color:var(--bo-ink)!important;border:2px solid var(--bo-ink);border-radius:0!important;box-shadow:7px 7px 0 var(--bo-ink);transition:transform .15s,box-shadow .15s}.bo-primary .wp-block-button__link:hover{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--bo-ink)}
.bo-route-board{position:relative;background:var(--bo-ink);color:var(--bo-white);border:2px solid var(--bo-ink);padding:30px!important;box-shadow:12px 12px 0 var(--bo-blue);transform:rotate(1.2deg)}.bo-route-board h2{color:var(--bo-acid);font-size:1rem!important;letter-spacing:.1em;text-transform:uppercase}.bo-route{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #555}.bo-route:first-of-type{margin-top:20px}.bo-route-num{color:var(--bo-coral);font-weight:900}.bo-route-os{font-size:1.25rem;font-weight:800}.bo-route-count{border:1px solid #777;border-radius:999px;padding:.2rem .55rem;font-size:.75rem}
.bo-marquee{border-bottom:2px solid var(--bo-ink);white-space:nowrap;overflow:hidden}.bo-marquee p{margin:0;padding:13px 0;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.bo-marquee span{color:var(--bo-blue);padding:0 18px}.bo-section-head{display:grid;grid-template-columns:130px 1fr;gap:28px;align-items:start}.bo-index{font-size:.9rem;font-weight:900;color:var(--bo-blue);letter-spacing:.08em}.bo-section-title{font-size:clamp(2.5rem,5vw,5.5rem)!important;line-height:.9!important;letter-spacing:-.055em;max-width:850px}.bo-filter-note{border-left:8px solid var(--bo-coral);padding-left:18px;max-width:720px}
.bo-package-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px!important}.bo-package-card{grid-column:span 4;position:relative;min-height:330px;display:flex!important;flex-direction:column;border:2px solid var(--bo-ink);border-radius:0!important;padding:26px!important;background:var(--bo-white);box-shadow:6px 6px 0 var(--bo-ink);transition:transform .16s,box-shadow .16s}.bo-package-card:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--bo-ink)}.bo-package-card:nth-child(1),.bo-package-card:nth-child(2){grid-column:span 6;background:var(--bo-lilac)}.bo-package-card:nth-child(3){background:var(--bo-acid)}.bo-package-card:nth-child(4){background:#ffd8cf}.bo-package-card:nth-child(7),.bo-package-card:nth-child(10){background:#dce6ff}.bo-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.bo-os-badge{display:inline-flex;width:fit-content;margin:0;padding:.3rem .55rem;border:1.5px solid var(--bo-ink);background:transparent;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.bo-card-num{font-size:.8rem;font-weight:900;color:var(--bo-muted)}.bo-package-card h3{font-size:clamp(1.55rem,2.4vw,2.35rem)!important;line-height:1!important;letter-spacing:-.04em;margin-top:auto!important}.bo-package-card p{line-height:1.45}.bo-package-card .wp-block-buttons{margin-top:auto}.bo-package-card .wp-block-button{width:100%}.bo-package-card .wp-block-button__link{width:100%;display:flex;justify-content:space-between;background:var(--bo-ink)!important;color:var(--bo-white)!important;border:2px solid var(--bo-ink);border-radius:0!important}.bo-package-card .wp-block-button__link:after{content:'↓';color:var(--bo-acid);font-size:1.15em}
.bo-how{border-top:2px solid var(--bo-ink);border-bottom:2px solid var(--bo-ink)}.bo-step{min-height:240px;border-right:2px solid var(--bo-ink);padding:30px!important}.bo-step:last-child{border-right:0}.bo-step-num{font-size:3rem;font-weight:900;color:var(--bo-blue);line-height:1}.bo-step h3{font-size:1.45rem!important}.bo-step:nth-child(2){background:var(--bo-acid)}.bo-referral{position:relative;border:2px solid var(--bo-ink);box-shadow:12px 12px 0 var(--bo-ink);overflow:hidden}.bo-referral:after{content:'↗';position:absolute;right:32px;bottom:-48px;font-size:15rem;font-weight:900;line-height:1;color:rgba(255,255,255,.15)}.bo-referral .wp-block-button__link{border:2px solid var(--bo-ink);border-radius:0!important;background:var(--bo-acid)!important;color:var(--bo-ink)!important;box-shadow:5px 5px 0 var(--bo-ink)}
.bo-footer{border-top:2px solid #454545}.bo-footer a{color:var(--bo-acid)}.bo-footer a:hover{color:white}.bo-footer-rule{height:2px;background:#454545;border:0;margin:30px 0}.bo-footer-tag{display:inline-block;border:1px solid #777;padding:.3rem .55rem;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}
@media(max-width:960px){.bo-header-nav{display:none!important}.bo-package-card{grid-column:span 6}.bo-package-card:nth-child(1),.bo-package-card:nth-child(2){grid-column:span 6}.bo-route-board{margin-top:28px;transform:none}.bo-how .wp-block-columns{flex-wrap:wrap!important}.bo-step{border-right:0;border-bottom:2px solid var(--bo-ink)}}
@media(max-width:781px){.bo-header{position:relative}.bo-header-cta{display:none!important}.bo-header-inner .wp-block-site-title{font-size:.95rem!important}.bo-hero{padding-top:62px!important;padding-bottom:68px!important}.bo-hero h1{font-size:clamp(3rem,14.3vw,4.4rem)!important;max-width:100%}.bo-hero-copy{font-size:1.12rem!important}.bo-section-head{grid-template-columns:1fr;gap:4px}.bo-section-title{font-size:clamp(2.65rem,13vw,4rem)!important}.bo-package-grid{grid-template-columns:1fr}.bo-package-card,.bo-package-card:nth-child(1),.bo-package-card:nth-child(2){grid-column:1;min-height:290px}.bo-referral{box-shadow:7px 7px 0 var(--bo-ink)}.bo-referral:after{font-size:10rem}.bo-footer .wp-block-columns{gap:26px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bo-package-card,.bo-primary .wp-block-button__link{transition:none}}