/* 62 BOOST · V203. Shared black theme refinement, loaded after legacy styles. */
body.catalog-page {
  --theme-text:#ffffff;
  --theme-muted:#b8b8b8;
  --theme-accent:#ffffff;
  --theme-line:rgba(255,255,255,.19);
  background:#000!important;
  background-attachment:scroll!important;
  color:var(--theme-text)!important;
  font-family:Inter,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.catalog-page .app-shell {width:min(1120px,calc(100% - 48px))!important;margin-inline:auto!important;padding-top:28px!important}
body.catalog-page .boost-unified-nav {border-bottom:1px solid var(--theme-line)!important;background:#080808!important;padding-inline:max(20px,calc((100vw - 1120px)/2))!important;gap:18px!important}
body.catalog-page .boost-unified-nav-search.public-service-search {background:transparent!important;background-image:none!important;box-shadow:none!important}
body.catalog-page .public-service-search-box {background:#111111!important;border:1px solid var(--theme-line)!important;border-radius:14px!important;min-height:46px!important}
body.catalog-page .public-service-search-box:focus-within {border-color:var(--theme-accent)!important;background:#181818!important}
body.catalog-page .public-service-search-box input {font-size:14px!important;color:var(--theme-text)!important}
body.catalog-page .public-service-search-box input::placeholder {color:#999999!important}
body.catalog-page .public-service-search-results {background:#0d0d0d!important;border-color:var(--theme-line)!important;backdrop-filter:none!important}
body.catalog-page .boost-unified-nav-button {border-color:var(--theme-line)!important;background:#151515!important;color:var(--theme-text)!important;min-height:44px!important}
body.catalog-page .hero {padding:36px!important;border-radius:26px!important;background:linear-gradient(120deg,#141414,#080808)!important;border:1px solid var(--theme-line)!important;box-shadow:0 16px 48px #00000033!important}
body.catalog-page .hero-topline {margin-bottom:28px!important;gap:12px;flex-wrap:wrap}
body.catalog-page .hero .eyebrow {font-size:11px!important;font-weight:700!important;letter-spacing:.14em!important;color:var(--theme-accent)!important}
body.catalog-page .hero-live {background:#111111!important;color:#cccccc!important;border-color:var(--theme-line)!important;box-shadow:none!important;font-size:10px!important;animation:none!important}
body.catalog-page .hero-live i {background:#ffffff!important;box-shadow:none!important;animation:none!important}
body.catalog-page .hero-layout {grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr)!important;gap:36px!important}
body.catalog-page .hero-copy {justify-content:center!important;min-width:0}
body.catalog-page .hero h1 {font-size:clamp(2.25rem,4.6vw,3.7rem)!important;line-height:1.06!important;letter-spacing:-.045em!important;color:var(--theme-text)!important;text-shadow:none!important}
body.catalog-page .hero h1 span {font-size:.65em!important;line-height:1.17!important;margin-top:12px!important;letter-spacing:-.035em!important;color:var(--theme-accent)!important}
body.catalog-page .hero-kicker {font-size:15px!important;line-height:1.7!important;max-width:45ch!important;margin-top:20px!important;color:var(--theme-muted)!important}
body.catalog-page .hero .subtitle {font-size:12px!important;line-height:1.7!important;color:var(--theme-muted)!important;margin-top:12px!important}
body.catalog-page .hero-actions {display:flex!important;flex-wrap:wrap;gap:10px!important;margin-top:24px!important}
body.catalog-page .hero-primary-cta,
body.catalog-page .hero-secondary-cta {min-height:46px!important;border-radius:12px!important;padding:0 17px!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important;text-decoration:none!important;transform:none!important}
body.catalog-page .hero-primary-cta {background:#ffffff!important;border:1px solid #ffffff!important;color:#000000!important}
body.catalog-page .hero-secondary-cta {background:transparent!important;border:1px solid #444444!important;color:var(--theme-text)!important}
body.catalog-page .hero-primary-cta:hover {background:#dddddd!important}
body.catalog-page .hero-secondary-cta:hover {background:#222222!important}
body.catalog-page .hero-command {padding:20px!important;border-radius:20px!important;background:#0a0a0ab3!important;box-shadow:none!important;gap:14px!important}
body.catalog-page .hero-command-head>div>span {font-size:10px!important;letter-spacing:.13em!important}
body.catalog-page .hero-command-head strong {font-size:18px!important;color:var(--theme-text)!important;margin-top:6px!important}
body.catalog-page .hero-command-head>small {display:none}
body.catalog-page .hero-quick-links {display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
body.catalog-page .hero-quick-link {display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;min-height:74px!important;padding:12px!important;border-radius:13px!important;background:#161616!important;box-shadow:none!important;text-align:left}
body.catalog-page .hero-quick-icon {width:42px!important;height:42px!important;border-radius:11px!important;margin:0!important}
body.catalog-page .hero-quick-icon svg {width:23px!important;height:23px!important}
body.catalog-page .hero-quick-copy strong {font-size:14px!important;line-height:1.4!important;color:var(--theme-text)!important;white-space:normal!important}
body.catalog-page .hero-quick-copy small {font-size:11px!important;line-height:1.5!important;color:var(--theme-muted)!important;white-space:normal!important}
body.catalog-page .hero-proof-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:4px 0 0!important}
body.catalog-page .hero-proof-grid article {background:transparent!important;border:0!important;border-radius:0!important;padding:9px 4px!important;box-shadow:none!important;text-align:center}
body.catalog-page .hero-proof-grid article+article {border-left:1px solid var(--theme-line)!important}
body.catalog-page .hero-proof-grid strong {font-size:20px!important;color:var(--theme-text)!important}
body.catalog-page .hero-proof-grid span {font-size:10px!important;letter-spacing:.02em!important;color:var(--theme-muted)!important}
body.catalog-page .active-discount-banner {border-radius:12px!important;padding:14px 16px!important;box-shadow:none!important;margin-top:20px!important}
body.catalog-page .active-discount-banner>span {font-size:10px!important;letter-spacing:.12em!important;color:#dddddd!important}
body.catalog-page .active-discount-banner strong {font-size:15px!important;line-height:1.5!important;color:var(--theme-text)!important}
body.catalog-page .active-discount-banner small {font-size:11px!important;color:#b8b8b8!important}
body.catalog-page .services-overview {margin-top:38px!important;scroll-margin-top:100px}
body.catalog-page .services-overview-head {margin-bottom:20px!important}
body.catalog-page .services-overview-head>span {font-size:10px!important;letter-spacing:.16em!important}
body.catalog-page .services-overview-head h2 {font-size:clamp(24px,3vw,30px)!important;letter-spacing:-.035em!important;margin:8px 0!important;color:var(--theme-text)!important}
body.catalog-page .services-overview-head p {font-size:13px!important;line-height:1.6!important;color:var(--theme-muted)!important}
body.catalog-page .platform-grid,
body.catalog-page .category-grid {gap:12px!important}
body.catalog-page .platform-grid>.platform-card,
body.catalog-page .category-grid>.category-btn {position:relative;padding:20px!important;min-height:152px!important;gap:7px!important;border-radius:17px!important;background:linear-gradient(140deg,#141414,#0a0a0a)!important;box-shadow:none!important;border:1px solid var(--theme-line)!important}
body.catalog-page .platform-grid>.platform-card--german {grid-column:1 / -1!important;min-height:100px!important;display:grid!important;grid-template-columns:48px 1fr!important;column-gap:16px!important;row-gap:3px!important;justify-content:start!important;align-content:center!important;background:linear-gradient(100deg,#191919,#0d0d0d)!important}
body.catalog-page .platform-card--german .platform-mark {grid-row:1 / 4;margin:0!important;align-self:center}
body.catalog-page .platform-card--german .platform-name,
body.catalog-page .platform-card--german .platform-meta,
body.catalog-page .platform-card--german .german-card-note {grid-column:2}
body.catalog-page .platform-name {font-size:16px!important;line-height:1.4!important;color:var(--theme-text)!important}
body.catalog-page .platform-meta,
body.catalog-page .german-card-note {font-size:11px!important;line-height:1.5!important;color:var(--theme-muted)!important}
body.catalog-page .platform-mark {width:42px!important;height:42px!important;border-radius:12px!important;margin-bottom:5px!important}
body.catalog-page .platform-mark svg {width:25px!important;height:25px!important}
body.catalog-page .site-highlights {margin-top:32px!important;padding:24px!important;background:#0b0b0b!important;border-radius:20px!important;box-shadow:none!important}
body.catalog-page .site-highlights-head h2 {font-size:22px!important;color:var(--theme-text)!important;letter-spacing:-.025em!important}
body.catalog-page .site-highlights-head>div>span {font-size:10px!important;color:var(--theme-accent)!important;letter-spacing:.14em!important}
body.catalog-page .site-highlights-pulse {display:none!important}
body.catalog-page .site-highlight-card {background:transparent!important;border:0!important;padding:14px 0!important;box-shadow:none!important;animation:none!important}
body.catalog-page .site-highlight-card strong {font-size:14px!important;color:var(--theme-text)!important}
body.catalog-page .site-highlight-card p {font-size:12px!important;line-height:1.7!important}
body.catalog-page :is(.trust-accordion,.trust-card-test) {background:#0b0b0b!important;border:1px solid var(--theme-line)!important;border-radius:16px!important;box-shadow:none!important}
body.catalog-page :is(.trust-card,.trust-accordion-summary-text small) {color:var(--theme-muted)!important}
body.catalog-page .trust-card {background:transparent!important;box-shadow:none!important}
body.catalog-page .trust-card strong,
body.catalog-page .trust-accordion-summary-text strong {color:var(--theme-text)!important}
body.catalog-page .trust-contact {color:var(--theme-accent)!important}
body.catalog-page .section-head {padding:22px!important;border-radius:18px!important;background:#0a0a0a!important;margin-bottom:20px!important}
body.catalog-page .section-title h2 {font-size:clamp(24px,4vw,34px)!important;line-height:1.2!important;letter-spacing:-.035em!important;color:var(--theme-text)!important}
body.catalog-page .service-card {padding:22px!important;border-radius:18px!important;background:linear-gradient(145deg,#141414,#0b0b0b)!important;border-color:var(--theme-line)!important;box-shadow:none!important}
body.catalog-page .service-title h3 {font-size:18px!important;line-height:1.4!important;color:var(--theme-text)!important}
body.catalog-page .feature {background:#22222266!important;border-color:var(--theme-line)!important;color:#cccccc!important;font-size:12px!important;line-height:1.5!important;padding:6px 9px!important;border-radius:8px!important;box-shadow:none!important}
body.catalog-page .price-label {color:var(--theme-muted)!important;font-size:11px!important;line-height:1.5!important}
body.catalog-page .price {color:#ffffff!important;font-size:30px!important;line-height:1.3!important}
body.catalog-page .copy-id {min-height:40px!important;border-radius:10px!important;font-size:11px!important;color:var(--theme-text)!important}
body.catalog-page .sort-bar {padding:12px!important;border-radius:14px!important;gap:8px!important;flex-wrap:wrap}
body.catalog-page .sort-button {min-height:42px!important;padding:10px 14px!important;color:var(--theme-muted)!important;border-radius:10px!important;font-size:12px!important}
body.catalog-page .sort-button.active {background:#ffffff!important;color:#000000!important;border-color:#ffffff!important}
body.catalog-page .catalog-load-more {background:#161616!important;color:var(--theme-text)!important;border:1px solid var(--theme-line)!important;border-radius:12px!important;padding:12px 20px!important}
body.catalog-page .catalog-footer {max-width:1120px;margin:28px auto 0;border-top:1px solid var(--theme-line);padding-top:24px!important;gap:24px!important}
body.catalog-page .catalog-footer a {font-size:12px!important;padding:10px 0;color:var(--theme-muted)!important}
body.catalog-page :is(a,button,input,summary):focus-visible {outline:2px solid #ffffff!important;outline-offset:4px!important}
body.catalog-page :is(.platform-card,.category-btn,.hero-quick-link):hover {border-color:#666666!important}
body.catalog-page :is(.hero,.site-highlights,.services-overview,.section-head) {animation:none!important}
/* Welcome screen stays consistent with the catalogue. */
body.catalog-page .privacyBox {background:linear-gradient(145deg,#171717,#080808);border-color:#444444;border-radius:22px;box-shadow:0 24px 80px #0008}
body.catalog-page .privacyBox h2 {color:#ffffff}
body.catalog-page .privacyBox p {color:#b8b8b8}
body.catalog-page .privacyBox a {color:#ffffff}
body.catalog-page .privacyBox input {accent-color:#ffffff}
body.catalog-page .privacyBox button {background:#ffffff;color:#000000;border-color:#ffffff;min-height:44px}
@media(max-width:1000px) {
  body.catalog-page .hero-layout {grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
  body.catalog-page .hero-quick-links {grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.catalog-page .hero-quick-link {grid-template-columns:1fr!important;align-content:start}
  body.catalog-page .hero-proof-grid {max-width:400px;width:100%;margin:8px auto 0!important}
}
@media(max-width:720px) {
  body.catalog-page .app-shell {width:calc(100% - 28px)!important;padding-top:16px!important}
  body.catalog-page .boost-unified-nav {padding-inline:14px!important;gap:9px!important}
  body.catalog-page .hero {padding:24px 20px!important;border-radius:20px!important}
  body.catalog-page .hero-topline {margin-bottom:24px!important}
  body.catalog-page .hero h1 {font-size:clamp(30px,8.5vw,46px)!important}
  body.catalog-page .hero h1 span {font-size:.71em!important}
  body.catalog-page .hero-kicker {font-size:14px!important;line-height:1.65!important}
  body.catalog-page .hero-actions {gap:9px!important}
  body.catalog-page .hero-primary-cta,body.catalog-page .hero-secondary-cta {flex:1 1 155px;min-height:46px!important;font-size:12px!important;padding:0 12px!important}
  body.catalog-page .hero-command {padding:16px!important}
  body.catalog-page .hero-quick-links {grid-template-columns:1fr!important}
  body.catalog-page .hero-quick-link {grid-template-columns:42px minmax(0,1fr)!important;min-height:66px!important;padding:10px!important}
  body.catalog-page .services-overview {margin-top:28px!important}
  body.catalog-page .platform-grid>.platform-card,body.catalog-page .category-grid>.category-btn {min-height:142px!important;padding:16px!important}
  body.catalog-page .platform-grid>.platform-card--german {min-height:105px!important}
  body.catalog-page .site-highlights {padding:20px!important}
  body.catalog-page .site-highlights-grid {grid-template-columns:1fr!important;gap:0!important}
  body.catalog-page .site-highlight-card+.site-highlight-card {border-top:1px solid var(--theme-line)!important}
  body.catalog-page .section-head {padding:18px!important}
  body.catalog-page .service-card {padding:18px!important}
  body.catalog-page .service-title {gap:12px!important;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce) {
  body.catalog-page *,body.catalog-page *::before,body.catalog-page *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
/* Navigation is already a centered floating bar; keep padding inside that bar. */
body.catalog-page .boost-unified-nav {padding-inline:16px!important}

/* V206: Keep the catalogue tagline below the title on every viewport.
   Legacy main-headings uses display:inline!important for all title spans. */
body.catalog-page .hero .hero-copy h1 {
  max-width:100%!important;
  min-width:0;
  white-space:normal!important;
  overflow-wrap:break-word;
}
body.catalog-page .hero .hero-copy h1 > span {
  display:block!important;
  width:100%;
  margin-top:12px!important;
  white-space:normal!important;
  font-weight:620!important;
  line-height:1.25!important;
}
body.catalog-page .hero .hero-copy h1 > span::before {
  content:none!important;
}
@media(max-width:720px) {
  body.catalog-page .hero .hero-copy h1 {
    font-size:clamp(28px,8vw,42px)!important;
    line-height:1.12!important;
  }
  body.catalog-page .hero .hero-copy h1 > span {
    font-size:.71em!important;
    margin-top:14px!important;
  }
}