.fc-uhf-selector-pro {
margin: 35px 0;
border-radius: 20px;
overflow: hidden;
background:
linear-gradient(rgba(3,18,34,.82), rgba(3,18,34,.92)),
url("https://www.fcmarine.co.uk/wp-content/uploads/2026/08/fc-opt-19282-20260820-204905.webp") center/cover no-repeat;
box-shadow: 0 20px 55px rgba(0,0,0,.25);
}
.fc-uhf-overlay {
padding: 36px;
color: #fff;
}
.fc-uhf-overlay h2 {
color: #fff;
font-size: 32px;
margin-bottom: 10px;
line-height: 1.2;
}
.fc-selector-intro {
max-width: 860px;
color: #dbe8f5;
margin-bottom: 25px;
}
.fc-selector-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-bottom: 20px;
}
.fc-selector-grid select {
width: 100%;
padding: 13px;
border-radius: 10px;
border: 1px solid rgba(255,255,255,.35);
background: rgba(255,255,255,.96);
color: #102033;
font-size: 15px;
}
.fc-selector-button {
background: #f58220;
color: #fff;
border: none;
padding: 15px 26px;
border-radius: 10px;
font-weight: 700;
cursor: pointer;
transition: .25s ease;
}
.fc-selector-button:hover {
background: #ff9638;
}
.fc-uhf-result {
display: none;
margin-top: 28px;
padding: 25px;
border-radius: 18px;
background: rgba(255,255,255,.97);
color: #102033;
box-shadow: 0 14px 34px rgba(0,0,0,.22);
animation: fcFadeUp .35s ease;
}
.fc-result-coverage {
border-left: 8px solid #1f78d1;
}
.fc-result-balanced {
border-left: 8px solid #1fa36b;
}
.fc-result-distance {
border-left: 8px solid #f58220;
}
.fc-confidence-badge {
display: inline-block;
color: #fff;
padding: 7px 13px;
border-radius: 30px;
font-size: 13px;
margin-bottom: 12px;
font-weight: 700;
}
.fc-badge-coverage {
background: #1f78d1;
}
.fc-badge-balanced {
background: #1fa36b;
}
.fc-badge-distance {
background: #f58220;
}
.fc-uhf-result h3 {
color: #0b3158;
font-size: 24px;
margin-top: 5px;
}
.fc-uhf-result ul li {
margin-bottom: 8px;
}
.fc-alt-choice,
.fc-guide-links,
.fc-install-extras {
margin-top: 16px;
padding: 14px;
border-radius: 10px;
background: #f4f7fa;
}
.fc-guide-links ul,
.fc-install-extras ul {
padding-left: 18px;
margin-top: 10px;
}
.fc-guide-links a,
.fc-install-extras a {
font-weight: 600;
}
.fc-install-extras summary {
cursor: pointer;
font-weight: 700;
color: #102033;
}
.fc-selector-disclaimer {
font-size: 13px;
color: #5d6978;
margin-top: 14px;
}
.fc-result-button {
display: inline-block;
margin-top: 8px;
}
@keyframes fcFadeUp {
from {
opacity: 0;
transform: translateY(14px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 900px) {
.fc-selector-grid {
grid-template-columns: 1fr;
}
.fc-uhf-overlay {
padding: 24px;
}
.fc-selector-button,
.fc-result-button {
width: 100%;
text-align: center;
}
.fc-uhf-result {
padding: 20px;
}
.fc-uhf-overlay h2 {
font-size: 28px;
}
} function showUhfRecommendation() {
var band = document.getElementById("uhfBand").value;
var motion = document.getElementById("uhfMotion").value;
var range = document.getElementById("uhfRange").value;
if (!band || !motion || !range) {
alert("Please complete all selector fields.");
return;
}
var model = "";
var confidence = "";
var confidenceClass = "";
var resultClass = "";
var reason = "";
var benefits = [];
var installNote = "";
var productLink = "";
var categoryText = "";
var categoryUrl = "";
if (band === "380-430" || band === "400-430") {
categoryUrl = "/product-category/antennas-mounts/uhf-antennas/";
if (motion === "moving" || range === "coverage") {
model = "CX-UHF0-L Series";
productLink = "/product/cx-uhf0-l-uhf-antenna-420-0-470-0-mhz/";
confidence = "Best Match: Reliable Lower UHF Coverage";
confidenceClass = "fc-badge-coverage";
resultClass = "fc-result-coverage";
reason = "A lower gain option is normally more forgiving on moving vessels because it provides a wider coverage pattern.";
benefits = [
"Useful for workboats and harbour craft",
"Better for vessel movement and changing headings",
"Practical where antenna height is limited",
"Good for reliable operational communications"
];
} else {
model = "CX-UHF3-LL Series";
productLink = "/product/cx-uhf3-ll/";
confidence = "Best Match: Balanced Commercial Setup";
confidenceClass = "fc-badge-balanced";
resultClass = "fc-result-balanced";
reason = "A mid-gain lower UHF antenna is a strong all-round choice where range and real-world vessel movement both matter.";
benefits = [
"Suitable for offshore support vessels",
"Balanced range without narrow coverage",
"Useful for fleet and operational communications",
"Good default commercial vessel setup"
];
}
} else if (band === "420-450") {
categoryUrl = "/product-category/antennas-mounts/uhf-antennas/";
model = "CX-UHF3-ML Series";
productLink = "/product/uhf-antenna-420-460-mhz-cx-uhf3-ml/";
confidence = "Best Match: Mid UHF Commercial Setup";
confidenceClass = "fc-badge-balanced";
resultClass = "fc-result-balanced";
reason = "This frequency range is commonly used across professional marine and coastal communication systems.";
benefits = [
"Good for offshore and port operations",
"Balanced performance and practical coverage",
"Useful for professional onboard systems",
"Suitable for commercial vessel installations"
];
} else if (band === "440-470") {
categoryUrl = "/product-category/antennas-mounts/uhf-antennas/";
model = "CX-UHF3-MH Series";
productLink = "/product/cx-uhf3-mh-220w-marine-land-uhf-antenna/";
confidence = "Best Match: Commercial UHF";
confidenceClass = "fc-badge-balanced";
resultClass = "fc-result-balanced";
reason = "440–470 MHz is widely used for commercial marine communication systems and operational radio networks.";
benefits = [
"Strong commercial marine UHF range",
"Useful for ports and telemetry",
"Good for operational communication systems",
"Balanced all-round installation choice"
];
} else if (band === "460-490" || band === "480-510") {
categoryUrl = "/product-category/antennas-mounts/uhf-antennas/";
model = "CX-UHF3-HL / HH Series";
productLink = "/product/cx-uhf3-hl-land-uhf-antenna/";
confidence = "Best Match: Specialist Upper UHF";
confidenceClass = "fc-badge-distance";
resultClass = "fc-result-distance";
reason = "Upper UHF systems are commonly used across telemetry, industrial RF systems and offshore infrastructure.";
benefits = [
"Suitable for telemetry systems",
"Useful for industrial marine RF",
"Good for infrastructure installations",
"Requires exact frequency confirmation"
];
}
installNote = "Always confirm operating frequency, antenna gain, cable length and mounting position before ordering.";
categoryText = 'View related category: Browse ' + band + ' MHz UHF Antennas';
var result = document.getElementById("uhfResult");
result.className = "fc-uhf-result " + resultClass;
var badge = document.getElementById("uhfConfidence");
badge.className = "fc-confidence-badge " + confidenceClass;
badge.innerHTML = confidence;
document.getElementById("uhfModel").innerHTML = model;
document.getElementById("uhfReason").innerHTML = reason;
document.getElementById("uhfCategoryLink").innerHTML = categoryText;
document.getElementById("uhfInstallNote").innerHTML = installNote;
document.getElementById("uhfProductLink").href = productLink;
var list = document.getElementById("uhfBenefits");
list.innerHTML = "";
benefits.forEach(function(item) {
var li = document.createElement("li");
li.innerHTML = "✔ " + item;
list.appendChild(li);
});
result.style.display = "block";
}