/*
Theme Name: Radcom - Radio Communications
Theme URI: https://radcom.mn/
Author: Radcom
Author URI: https://radcom.mn/
Description: Custom Radcom radio communications theme with blue branding and company content from the supplied Radcom archive.
Version: 1.1.0
Tested up to: 7.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: airadio
Tags: communication, technology, responsive, custom-post-types, mega-menu, e-commerce, custom-logo, featured-images, translation-ready
*/

/* Core Base Styles and CSS Variables */
:root {
  --radcom-blue: #2986d0;
  --air-primary: #1768aa;
  --air-primary-hover: #12558c;
  --air-primary-dark: #103f68;
  --air-slate: #263238;
  --air-slate-dark: #1b2428;
  --air-slate-light: #37474f;
  --air-black: #000a12;
  --air-dark: #121212;
  --air-gray-100: #f8f9fa;
  --air-gray-200: #f2f2f2;
  --air-gray-300: #e6e6e6;
  --air-gray-400: #d7d7d7;
  --air-gray-500: #9e9e9e;
  --air-gray-600: #757575;
  --air-gray-700: #555555;
  --air-gray-800: #333333;
  --air-white: #ffffff;
  
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Roboto', "Calibri", -apple-system, BlinkMacSystemFont, sans-serif;
  
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 25px rgba(0,0,0,0.15);
  --transition-fast: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  color: var(--air-gray-700);
  background-color: var(--air-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition-fast);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--air-black);
  margin-top: 0;
  font-weight: 700;
  line-height: 1.25;
}

/* Radcom identity: archive accent #2986d0; darker blue for accessible buttons. */
.radcom-site { color: #20364b; background: #fff; }
.radcom-site h1, .radcom-site h2, .radcom-site h3 { color: #102e49; }
.radcom-site a:focus-visible, .radcom-site button:focus-visible { outline: 3px solid #2986d0; outline-offset: 5px; }
.radcom-skip { position: fixed; top: -80px; left: 16px; padding: 12px 20px; background: white; z-index: 10000; }
.radcom-skip:focus { top: 12px; }
.radcom-utility { display: flex; gap: 28px; align-items: center; padding-top: 10px; padding-bottom: 10px; font-size: 12px; }
.radcom-utility span { margin-right: auto; }
.radcom-utility a { color: #fff; }
.radcom-site .air-black-bar { background: #102e49; }
.radcom-navigation { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-top: 22px; padding-bottom: 22px; }
.radcom-logo { display: block; width: 280px; flex-shrink: 0; }
.radcom-logo img { display: block; width: 100%; height: auto; }
.radcom-nav { display: flex; align-items: center; gap: 28px; }
.radcom-nav > a { font-weight: 600; font-size: 14px; color: #20364b; white-space: nowrap; }
.radcom-nav > a:hover { color: #1768aa; }
.radcom-hero { overflow: hidden; background: linear-gradient(115deg,#0a2239 0%,#103f68 65%,#1768aa 100%); color: #dceaf5; }
.radcom-hero-grid { min-height: 520px; display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 65px; padding-top: 75px; padding-bottom: 75px; }
.radcom-eyebrow { display: block; font-size: 12px; font-weight: 700; letter-spacing: 1.8px; color: #1768aa; margin-bottom: 18px; }
.radcom-hero .radcom-eyebrow { color: #8accff; }
.radcom-hero h1 { color: white; font-size: clamp(36px,4.5vw,64px); line-height: 1.08; letter-spacing: -1.6px; margin-bottom: 25px; }
.radcom-hero h1 span { color: #8accff; }
.radcom-hero p { max-width: 610px; font-size: 18px; line-height: 1.75; color: #dceaf5; }
.radcom-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.radcom-signal { position: relative; width: 380px; height: 380px; max-width: 100%; margin: auto; display: grid; place-items: center; }
.radcom-orbit { position: absolute; border: 1px solid rgba(138,204,255,.3); border-radius: 50%; }
.orbit-one { width: 100%; height: 100%; }.orbit-two { width: 76%; height: 76%; }.orbit-three { width: 50%; height: 50%; background: rgba(41,134,208,.12); }
.radcom-signal-center { color: #fff; font: 800 90px/1 var(--font-heading); position: relative; }
.signal-label { position: absolute; font-size: 11px; letter-spacing: 1px; background: #144976; border: 1px solid #458cbd; padding: 8px 12px; color: #ecf7ff; border-radius: 4px; }
.label-hf { top: 45px; left: 0; }.label-satellite { bottom: 65px; right: -5px; }.label-connected { bottom: -20px; background: transparent; border: 0; font-size: 9px; }
.radcom-brand-strip { padding: 30px 0; border-bottom: 1px solid #e1eaf1; }
.radcom-brand-strip .radcom-eyebrow { text-align: center; font-size: 10px; }
.radcom-brands { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 25px; color: #47617a; font: 700 18px/1.3 var(--font-heading); }
.radcom-section { padding: 76px 0; scroll-margin-top: 110px; }
.radcom-section h2, .radcom-footer h2 { font-size: clamp(28px,3vw,40px); line-height: 1.2; letter-spacing: -.7px; margin-bottom: 22px; }
.radcom-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.radcom-about-grid p, .radcom-section-intro { line-height: 1.85; color: #53697c; margin-bottom: 20px; }
.radcom-text-link { font-weight: 700; color: #1768aa; display: inline-flex; gap: 14px; align-items: center; }
.radcom-catalog { background: #f1f6fa; }
.radcom-section-intro { max-width: 730px; }
.radcom-catalog-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 36px; }
.radcom-category { padding: 30px; background: white; border: 1px solid #dce7ef; border-top: 3px solid var(--radcom-blue); border-radius: 5px; display: flex; flex-direction: column; }
.radcom-category-number { color: #1768aa; font: 600 13px var(--font-heading); margin-bottom: 18px; }
.radcom-category h3 { font-size: 20px; line-height: 1.35; margin-bottom: 20px; }
.radcom-category ul { padding: 0; list-style: none; margin: 0 0 25px; }
.radcom-category li { font-size: 14px; padding: 9px 0; border-bottom: 1px solid #edf2f6; line-height: 1.5; }
.radcom-category .radcom-text-link { margin-top: auto; font-size: 13px; }
.radcom-customers { background: #f7fafc; }
.radcom-customer-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid #dce7ef; border-left: 1px solid #dce7ef; margin-top: 32px; }
.radcom-customer-grid > div { padding: 25px; border-bottom: 1px solid #dce7ef; border-right: 1px solid #dce7ef; display: flex; align-items: center; font-weight: 600; font-size: 14px; background: white; }
.radcom-history { margin-top: 25px; color: #53697c; font-size: 14px; }
.radcom-footer { background: #102e49; padding: 65px 0 0; color: #dceaf5; scroll-margin-top: 100px; }
.radcom-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 65px; padding-bottom: 50px; }
.radcom-footer h2, .radcom-footer h3 { color: white; }.radcom-footer h3 { font-size: 17px; margin-bottom: 20px; }
.radcom-footer .radcom-eyebrow { color: #8accff; }.radcom-footer p, .radcom-footer address { font-style: normal; line-height: 1.85; }
.radcom-footer-grid a { color: #dceaf5; display: block; margin-bottom: 13px; }
.radcom-footer-bottom { border-top: 1px solid #325068; padding: 22px 0; display: flex; justify-content: space-between; gap: 20px; font-size: 12px; }.radcom-footer-bottom a { color: #dceaf5; }
@media(max-width:1100px) { .radcom-navigation { flex-wrap: wrap; gap: 20px; }.radcom-nav { flex-wrap: wrap; gap: 22px; }.radcom-hero-grid { gap: 30px; }.radcom-signal { width: 300px; height: 300px; }.radcom-about-grid { gap: 45px; }.radcom-footer-grid { gap: 30px; } }
@media(max-width:760px) { .radcom-utility { flex-wrap: wrap; gap: 8px 20px; }.radcom-utility span { flex-basis: 100%; }.radcom-logo { width: 240px; }.radcom-nav { gap: 14px 20px; }.radcom-nav > a { font-size: 12px; }.radcom-nav .air-btn { padding: 10px 14px; }.radcom-hero-grid { grid-template-columns: 1fr; padding-top: 50px; padding-bottom: 50px; }.radcom-signal { display: none; }.radcom-hero p { font-size: 16px; }.radcom-brands { justify-content: flex-start; font-size: 15px; }.radcom-section { padding: 50px 0; }.radcom-about-grid,.radcom-footer-grid { grid-template-columns: 1fr; gap: 24px; }.radcom-catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }.radcom-category { padding: 22px; }.radcom-customer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.radcom-footer-bottom { flex-direction: column; }.radcom-site .air-header { position: relative; } }
@media(max-width:480px) { .radcom-catalog-grid { grid-template-columns: 1fr; }.radcom-actions { flex-direction: column; align-items: stretch; }.radcom-customer-grid > div { padding: 17px; } }

/* Product catalogue links and details. */
.radcom-category li a { display:flex; justify-content:space-between; gap:12px; color:#20364b; }
.radcom-category li a:hover { color:#1768aa; text-decoration:underline; }
.radcom-category li a span { color:#1768aa; }
.radcom-product-breadcrumbs { display:flex; flex-wrap:wrap; gap:12px; padding-top:28px; padding-bottom:28px; font-size:13px; color:#53697c; }
.radcom-product-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:64px; padding-top:20px; padding-bottom:64px; align-items:start; }
.radcom-product-photo { border:1px solid #dce7ef; border-radius:8px; padding:28px; background:#f8fafc; }
.radcom-detail-image { display:block; width:100%; aspect-ratio:1; object-fit:contain; }
.radcom-product-summary h1 { font-size:clamp(30px,3.5vw,46px); line-height:1.15; margin-bottom:24px; overflow-wrap:anywhere; }
.radcom-product-summary > p { color:#53697c; line-height:1.8; }
.radcom-product-facts { margin:25px 0; }
.radcom-product-facts > div { display:grid; grid-template-columns:1fr 1.5fr; gap:20px; border-bottom:1px solid #e1eaf1; padding:16px 0; font-size:14px; }
.radcom-product-facts dt { font-weight:600; }.radcom-product-facts dd { margin:0; }
.radcom-btn-secondary { color:#1768aa; border:1px solid #1768aa; background:white; }
.radcom-product-information { padding-top:40px; padding-bottom:60px; border-top:1px solid #e1eaf1; }
.radcom-detail-heading { margin-bottom:30px; }.radcom-detail-heading h2 { font-size:30px; }
.radcom-imported-content { overflow-x:auto; line-height:1.8; color:#344e64; }
.radcom-imported-content p { margin-bottom:18px; }
.radcom-imported-content table { width:100%; border-collapse:collapse; margin:20px 0; font-size:14px; }
.radcom-imported-content td, .radcom-imported-content th { border:1px solid #dce7ef; padding:14px 18px; vertical-align:top; min-width:100px; }
.radcom-imported-content tr:nth-child(even) { background:#f5f8fb; }
.radcom-imported-content ul,.radcom-imported-content ol { padding-left:24px; }
.radcom-product-source { margin-top:30px; padding:18px 22px; background:#f1f6fa; border-left:3px solid #2986d0; font-size:13px; line-height:1.7; }
.radcom-product-help { background:#f1f6fa; padding:40px 0; }
.radcom-product-help > div { display:flex; align-items:center; justify-content:space-between; gap:25px; }.radcom-product-help h2 { margin-bottom:10px; font-size:25px; }
@media(max-width:760px) { .radcom-product-hero { grid-template-columns:1fr; gap:30px; padding-bottom:40px; }.radcom-product-photo { max-width:480px; width:100%; margin:auto; padding:16px; }.radcom-product-help > div { flex-direction:column; align-items:flex-start; }.radcom-imported-content td,.radcom-imported-content th { padding:10px; }.radcom-product-facts > div { grid-template-columns:1fr; gap:6px; } }

/* Language links remain visible on desktop and mobile. */
.radcom-language-switcher { display:flex; gap:5px; align-items:center; flex-shrink:0; }
.radcom-language-switcher a { border:1px solid #dce7ef; border-radius:4px; padding:8px 10px; color:#1768aa; font-size:12px; font-weight:600; white-space:nowrap; }
.radcom-language-switcher a.is-current { color:white; background:#1768aa; border-color:#1768aa; }
.radcom-navigation { flex-wrap:wrap; gap:20px; }.radcom-nav { gap:20px; }
html[lang^="mn"] .radcom-hero h1 { font-size:clamp(34px,4.2vw,58px); }

/* Manufacturer marks and correctly associated product-image captions. */
.radcom-product-photo,.product-thumb-wrap { position:relative; }
.radcom-product-photo { margin:0; padding-top:78px; }
.radcom-thumbnail-brand { position:absolute; top:14px; right:14px; background:#fff; border:1px solid #e1eaf1; border-radius:5px; padding:6px 10px; line-height:1; }
.radcom-brand-mark { width:92px; height:38px; object-fit:contain; display:block; }
.radcom-brand-name { font-size:12px; font-weight:700; color:#102e49; }
.radcom-product-gallery { display:grid; gap:20px; min-width:0; }
.radcom-product-photo figcaption { text-align:center; font-weight:600; padding-top:18px; margin-top:12px; border-top:1px solid #dce7ef; color:#20364b; font-size:15px; }
.radcom-product-gallery.has-variants .radcom-detail-image { aspect-ratio:16/9; }
.radcom-brochures { background:#f1f6fa; }
.radcom-brochure-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:30px; }
.radcom-brochure-card { background:#fff; border:1px solid #dce7ef; border-radius:6px; padding:26px; }
.radcom-brochure-brand { display:flex; align-items:center; gap:18px; border-bottom:1px solid #dce7ef; padding-bottom:22px; margin-bottom:12px; }
.radcom-brochure-brand h3 { margin:0; font-size:22px; }
.radcom-brochure-brand .radcom-brand-mark { width:82px; height:46px; }
.radcom-brochure-card ul { list-style:none; padding:0; margin:0; }
.radcom-brochure-card li + li { border-top:1px solid #edf2f6; }
.radcom-brochure-card a { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:15px 0; font-size:14px; font-weight:600; }
.radcom-brochure-card small { font-size:11px; font-weight:400; text-align:right; color:#53697c; }
@media(max-width:900px) { .radcom-brochure-grid { grid-template-columns:1fr; }.radcom-product-photo { padding-top:70px; } }

/* Wide dropdowns inspired by AIRadio; content comes from Radcom's archive. */
.radcom-navigation { position:relative; flex-wrap:nowrap; gap:24px; }
.radcom-navigation .radcom-logo { width:240px; }
.radcom-navigation .radcom-nav { gap:4px; flex-wrap:nowrap; margin-left:auto; }
.radcom-nav-dropdown { position:static; }
.radcom-nav-dropdown summary { display:flex; align-items:center; gap:9px; padding:17px 12px; cursor:pointer; list-style:none; font-size:14px; font-weight:600; color:#20364b; white-space:nowrap; border-radius:3px; }
.radcom-nav-dropdown summary::-webkit-details-marker { display:none; }
.radcom-nav-dropdown summary::marker { content:""; }
.radcom-nav-direct { padding:17px 12px; }
.radcom-nav-chevron { width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); transition:transform .15s; margin-top:-3px; }
.radcom-nav-dropdown[open] > summary { color:#1768aa; background:#edf5fb; }
.radcom-nav-dropdown[open] > summary .radcom-nav-chevron { transform:rotate(225deg); margin-top:3px; }
.radcom-nav-dropdown summary:hover,.radcom-nav-direct:hover { color:#1768aa; background:#edf5fb; }
.radcom-nav-dropdown summary:focus-visible { outline:3px solid #2986d0; outline-offset:3px; }
.radcom-dropdown-panel { position:absolute; top:calc(100% - 1px); background:#fff; border:1px solid #dce7ef; border-top:3px solid #2986d0; box-shadow:0 16px 35px rgba(16,46,73,.16); z-index:1001; text-align:left; }
.radcom-mega-panel { left:24px; right:24px; max-height:calc(100dvh - 160px); overflow-y:auto; overscroll-behavior:contain; }
.radcom-dropdown-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 28px; background:#f1f6fa; border-bottom:1px solid #e1eaf1; font-size:12px; font-weight:700; letter-spacing:.6px; color:#102e49; }
.radcom-dropdown-heading a { color:#1768aa; white-space:nowrap; letter-spacing:0; }
.radcom-mega-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px 32px; padding:28px; }
.radcom-mega-group h2 { font-size:12px; line-height:1.55; letter-spacing:.3px; margin:0 0 12px; font-weight:700; color:#1768aa; }
.radcom-mega-group h2 a { color:inherit; }
.radcom-mega-group ul { list-style:none; padding:0; margin:0; }
.radcom-mega-group li + li { border-top:1px solid #eef3f7; }
.radcom-mega-group li a { display:block; padding:8px 0; font-size:12px; line-height:1.5; color:#445c70; text-decoration:none; }
.radcom-mega-group li a:hover { color:#1768aa; text-decoration:underline; }
.radcom-company-panel { width:270px; padding:24px; }
.radcom-company-panel .radcom-eyebrow { margin-bottom:10px; }
.radcom-company-panel > a { display:block; padding:11px 0; border-bottom:1px solid #eef3f7; font-size:14px; color:#20364b; }
.radcom-catalogue-menu-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.radcom-menu-brand { display:flex; align-items:center; gap:16px; border-bottom:1px solid #dce7ef; padding-bottom:15px; margin-bottom:8px; }
.radcom-menu-brand h2 { margin:0; font-size:16px; color:#102e49; }
.radcom-menu-brand .radcom-brand-mark { width:65px; height:35px; }
.radcom-catalogue-menu-grid li a { display:flex; justify-content:space-between; gap:15px; }
.radcom-catalogue-menu-grid small { font-size:10px; color:#647c91; text-align:right; }
.radcom-menu-toggle { display:none; align-items:center; gap:8px; padding:10px 13px; border:1px solid #dce7ef; background:#fff; color:#1768aa; border-radius:4px; font:600 13px var(--font-body); cursor:pointer; }
.radcom-category { scroll-margin-top:145px; }
@media(min-width:1101px) { html[lang^="mn"] .radcom-nav-dropdown summary { font-size:13px; padding-left:9px; padding-right:9px; }.radcom-nav > .air-btn { padding:12px 17px; }.radcom-navigation .radcom-language-switcher a { padding:8px; font-size:11px; } }
@media(max-width:1100px) {
 .radcom-navigation { flex-wrap:wrap; gap:14px; }
 .radcom-navigation .radcom-logo { margin-right:auto; width:230px; }
 .radcom-navigation .radcom-language-switcher { order:2; }
 .radcom-menu-toggle { order:3; }
 .radcom-nav-ready .radcom-menu-toggle { display:inline-flex; }
 .radcom-navigation .radcom-nav { order:4; flex:0 0 100%; width:100%; margin:0; display:flex; flex-direction:column; align-items:stretch; gap:4px; padding-top:12px; border-top:1px solid #dce7ef; }
 .radcom-nav-ready .radcom-nav:not(.is-mobile-open) { display:none; }
 .radcom-nav-dropdown summary,.radcom-nav-direct { padding:14px 12px; font-size:14px; }
 .radcom-nav-dropdown summary { justify-content:space-between; }
 .radcom-dropdown-panel { position:static; width:100%; max-height:none; box-shadow:none; border:1px solid #dce7ef; border-top:2px solid #2986d0; }
 .radcom-mega-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; padding:22px; }
 .radcom-catalogue-menu-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .radcom-dropdown-heading { padding:16px 22px; letter-spacing:0; }
 .radcom-nav > .air-btn { align-self:flex-start; margin:10px 12px; }
 .radcom-site .air-header { position:relative; }
}
@media(max-width:600px) {
 .radcom-navigation .radcom-logo { width:205px; }
 .radcom-navigation .radcom-language-switcher { flex-basis:auto; }
 .radcom-mega-grid,.radcom-catalogue-menu-grid { grid-template-columns:1fr; padding:20px; gap:22px; }
 .radcom-dropdown-heading { flex-wrap:wrap; gap:10px; padding:15px 20px; }
 .radcom-menu-toggle { margin-left:auto; }
 .radcom-navigation .radcom-nav { max-height:70dvh; overflow:auto; overscroll-behavior:contain; }
}

/* Homepage resources, archived projects and manufacturer videos. */
.radcom-resource-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding-top:36px; padding-bottom:12px; }
.radcom-resource-shortcut { display:flex; align-items:center; gap:18px; padding:26px 22px; background:#f0f7fc; border:1px solid #dbe9f3; border-radius:4px; color:#143b59; transition:background .2s,color .2s; }
.radcom-resource-shortcut strong { display:block; font-size:20px; margin-bottom:6px; }
.radcom-resource-shortcut small { display:block; font-size:13px; line-height:1.6; }
.radcom-resource-icon { color:#1768aa; flex-shrink:0; }
.radcom-resource-arrow { margin-left:auto; font-size:24px; }
.radcom-resource-shortcut:hover { background:#143b59; color:#fff; }
.radcom-resource-shortcut:hover .radcom-resource-icon { color:#8bcaff; }
.radcom-resource-shortcut:focus-visible,.radcom-video-cover:focus-visible,.radcom-text-link:focus-visible { outline:3px solid #2986d0; outline-offset:5px; }
.radcom-stories { background:#f5f8fb; }
.radcom-story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
.radcom-story-card,.radcom-video-card { background:#fff; border:1px solid #dce6ef; border-radius:5px; overflow:hidden; display:flex; flex-direction:column; }
.radcom-story-heading { display:flex; justify-content:space-between; align-items:center; padding:22px 26px; background:#143b59; color:#fff; font-size:12px; font-weight:700; letter-spacing:1.4px; }
.radcom-story-heading span:last-child { color:#82bce6; font-size:30px; font-weight:400; }
.radcom-story-body { padding:28px; display:flex; flex-direction:column; align-items:flex-start; flex:1; }
.radcom-story-client { color:#1768aa; font-size:12px; font-weight:700; line-height:1.6; margin-bottom:12px; }
.radcom-story-body h3 { font-size:23px; line-height:1.35; color:#143b59; margin:0 0 15px; }
.radcom-story-body p { font-size:15px; line-height:1.8; color:#53697c; margin:0 0 25px; }
.radcom-text-link { color:#1768aa; font-size:14px; font-weight:700; margin-top:auto; }
.radcom-text-link:hover { text-decoration:underline; }
.radcom-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:32px; }
.radcom-video-cover { min-height:235px; position:relative; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at top right,#297fba 0,transparent 65%),#102f49; color:white; padding:30px; }
.radcom-video-provider { position:absolute; top:22px; left:22px; display:flex; align-items:center; justify-content:center; width:125px; height:48px; padding:10px; background:#fff; border-radius:3px; }
.radcom-video-provider img { max-width:100%; max-height:100%; object-fit:contain; }
.radcom-play { display:flex; align-items:center; justify-content:center; width:70px; height:70px; padding-left:4px; border:1px solid #ffffff80; border-radius:50%; background:#ffffff12; transition:transform .2s,background .2s; }
.radcom-video-cover:hover .radcom-play { transform:scale(1.08); background:#2986d0; }
.radcom-video-label { position:absolute; bottom:20px; left:24px; font-size:13px; letter-spacing:.6px; }
.radcom-anchor,[id^="brochures-"] { scroll-margin-top:130px; }
@media(max-width:1000px) { .radcom-resource-shortcut { gap:12px; padding:22px 16px; }.radcom-resource-shortcut strong { font-size:17px; }.radcom-resource-arrow { display:none; }.radcom-story-body { padding:22px; }.radcom-story-body h3 { font-size:20px; } }
@media(max-width:760px) { .radcom-resource-shortcuts,.radcom-story-grid,.radcom-video-grid { grid-template-columns:1fr; }.radcom-resource-shortcuts { gap:12px; padding-top:24px; }.radcom-resource-shortcut { padding:22px; }.radcom-resource-arrow { display:block; }.radcom-story-grid,.radcom-video-grid { gap:20px; }.radcom-video-cover { min-height:215px; } }
.radcom-nav summary,.radcom-nav a,.radcom-menu-toggle { text-transform:uppercase; }
.radcom-viewer-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin:30px 0; }
.radcom-viewer-heading h1 { font-size:clamp(28px,4vw,44px); color:#143b59; }
.radcom-viewer-heading img { width:140px; max-height:65px; object-fit:contain; }
.radcom-pdf-viewer { display:block; width:100%; height:80vh; min-height:500px; border:1px solid #dce6ef; background:#edf1f5; }
.radcom-viewer-fallback { margin-top:18px; }
.radcom-viewer-unavailable { padding:40px; background:#f0f7fc; border:1px solid #dce6ef; }
.radcom-viewer-unavailable p { margin-bottom:24px; }
@media(max-width:760px) { .radcom-viewer-heading img { width:90px; }.radcom-viewer-unavailable { padding:24px; } }

/* Keep the narrow header predictable and avoid oversized mobile hero spacing. */
@media(max-width:600px) {
 .radcom-navigation { gap:12px; padding-top:18px; padding-bottom:18px; }
 .radcom-navigation .radcom-logo { flex-basis:100%; }
 .radcom-navigation .radcom-logo img { max-width:205px; }
 .radcom-hero-grid { min-height:0; padding-top:48px; padding-bottom:48px; }
 .radcom-hero h1 { overflow-wrap:anywhere; }
 .radcom-resource-shortcut > span:nth-child(2) { min-width:0; }
 .radcom-brochure-card { padding:20px; }
 .radcom-brochure-card a > span,.radcom-catalogue-menu-grid li a > span { min-width:0; overflow-wrap:anywhere; }
 .radcom-viewer-heading > div { min-width:0; overflow-wrap:anywhere; }
 .radcom-pdf-viewer { min-height:360px; height:70svh; }
}
/* Company profile and two remaining resource shortcuts. */
.radcom-resource-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); }
.radcom-about-page { max-width:1000px; }
.radcom-about-page h1 { color:#143b59; font-size:clamp(32px,4vw,48px); margin-bottom:36px; }
.radcom-about-content { color:#344e64; line-height:1.9; overflow-wrap:anywhere; }
.radcom-about-content p { margin-bottom:24px; }
.radcom-about-content ul,.radcom-about-content ol { padding-left:24px; margin-bottom:24px; }
.radcom-about-content table { width:100%; border-collapse:collapse; margin:24px 0; }
.radcom-about-content td { padding:12px; border:1px solid #dce7ef; vertical-align:top; }
.radcom-about-content tr:nth-child(even) { background:#f1f6fa; }
@media(max-width:760px) { .radcom-resource-shortcuts { grid-template-columns:1fr; }.radcom-about-content td { padding:8px; font-size:13px; } }
.radcom-about-content .radcom-about-photo { display:block; width:auto; max-width:100%; height:auto; margin:28px auto; border-radius:6px; }
.radcom-about-content td:has(> .radcom-about-photo) { text-align:center; }