February 12, 2026
.rf-article{ --tel:#7fa9ae; --rf:#63666a; --dc:#6e6a86; --ink:#12192e; --text:#1a1a19; --muted:#4f5560; --line: rgba(18,25,46,.12); --white:#ffffff; --radius:16px; --radius2:22px; --shadow: 0 14px 34px rgba(18,25,46,.10); --shadow2: 0 10px 22px rgba(18,25,46,.08); --max:1180px; --font: "Avenir","Avenir Next",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace; position:relative !important; display:block !important; /* ✅ OSCOMMERCE FULL-WIDTH CENTRE FIX (RESTORED) */ left:50vw !important; transform:translateX(-50%) !important; width:100vw !important; max-width:100vw !important; margin:0 !important; float:none !important; clear:both !important; background: var(--white); overflow-x:clip; overflow-y:hidden; text-align:left; font-family:var(--font); color:var(--text); isolation:isolate; } @supports not (overflow:clip){ .rf-article{ overflow-x:hidden; } } .rf-article *{box-sizing:border-box} .rf-article a{color:inherit} .rf-article .wrap{ width:100%; max-width:var(--max); margin-left:auto; margin-right:auto; padding-left:18px; padding-right:18px; } /* remove stray bullet markers anywhere inside this section */ .rf-article ul{list-style:none; padding-left:0; margin:0;} .rf-article li{list-style:none;} .rf-article ul li::marker{content:"";} .rf-article ul li::before{content:none !important;} .rf-article .bg-accent{ position:absolute; inset:0; pointer-events:none; z-index:0; background: radial-gradient(860px 420px at 14% 8%, rgba(127,169,174,.18), transparent 60%), radial-gradient(860px 420px at 86% 10%, rgba(110,106,134,.16), transparent 60%), radial-gradient(900px 520px at 80% 78%, rgba(99,102,106,.10), transparent 58%); opacity:.95; } .rf-article .bg-grid{ position:absolute; inset:0; pointer-events:none; z-index:0; background: linear-gradient(to right, rgba(18,25,46,.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(18,25,46,.05) 1px, transparent 1px); background-size: 62px 62px; opacity:.16; mask-image: radial-gradient(720px 520px at 40% 14%, #000 40%, transparent 75%); } /* hero */ .rf-article header.hero{position:relative; z-index:1; padding: clamp(34px, 5vw, 60px) 0 18px;} .rf-article .kicker{ display:inline-flex; align-items:center; gap:10px; font-size:12px; letter-spacing:.18em; text-transform:uppercase; color: var(--muted); padding:10px 14px; border-radius:999px; border:1px solid var(--line); background: rgba(255,255,255,.70); box-shadow: var(--shadow2); } .rf-article .kicker .pip{ width:9px; height:9px; border-radius:999px; background: linear-gradient(135deg, var(--tel), var(--dc)); box-shadow: 0 0 0 4px rgba(127,169,174,.18); } .rf-article .hero-grid{ margin-top:18px; display:grid; grid-template-columns: 1.15fr .85fr; gap:22px; align-items:stretch; } @media (max-width: 920px){ .rf-article .hero-grid{grid-template-columns:1fr} } .rf-article .hero-left{display:flex; flex-direction:column; min-height:100%;} .rf-article h1{ margin:14px 0 10px; font-size: clamp(28px, 3.4vw, 44px); line-height:1.05; letter-spacing:-.02em; color: var(--ink); } .rf-article .sub{margin:0; color: var(--muted); font-size: 15.5px; line-height:1.6; max-width: 66ch;} .rf-article .hero-card{ border:1px solid var(--line); border-radius: var(--radius2); background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.72)); box-shadow: var(--shadow); overflow:hidden; position:relative; display:flex; flex-direction:column; min-height: 100%; } .rf-article .hero-card::before{ content:""; position:absolute; top:-140px; right:-160px; width:420px; height:420px; background: radial-gradient(circle at 30% 30%, rgba(127,169,174,.22), transparent 60%), radial-gradient(circle at 70% 70%, rgba(110,106,134,.18), transparent 58%); transform: rotate(10deg); opacity:.95; pointer-events:none; } .rf-article .hero-card-inner{padding:18px 18px 16px; position:relative} /* ========================================================= AT-A-GLANCE tiles fill area (2 rows x 3) ========================================================= */ .rf-article .meta-row{ margin-top:14px; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; align-items:stretch; } @media (max-width: 520px){ .rf-article .meta-row{grid-template-columns:1fr 1fr} } .rf-article .pill{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:6px; padding:12px 12px; border-radius:14px; border:1px solid rgba(18,25,46,.12); background: rgba(255,255,255,.86); box-shadow: 0 8px 18px rgba(18,25,46,.06); height:100%; min-height: 62px; } .rf-article .pill .row{display:flex; align-items:center; gap:10px; width:100%;} .rf-article .pill b{color: var(--ink); font-weight:900; font-size:13px;} .rf-article .pill .desc{color: rgba(18,25,46,.62); font-weight:800; font-size:12.5px; line-height:1.25; margin-left:0;} .rf-article .cta-row{margin-top:16px; display:flex; flex-wrap:wrap; gap:10px;} .rf-article .btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:11px 14px; border-radius: 12px; border:1px solid rgba(18,25,46,.16); background: rgba(255,255,255,.85); color: var(--ink); text-decoration:none; font-weight:700; font-size:13.5px; box-shadow: var(--shadow2); transition: transform .15s ease, background .15s ease, border-color .15s ease; white-space:nowrap; } .rf-article .btn:hover{transform: translateY(-1px); background: rgba(255,255,255,.95); border-color: rgba(18,25,46,.22)} .rf-article .btn .ic{ width:20px; height:20px; border-radius:999px; display:inline-grid; place-items:center; background: rgba(18,25,46,.10); color: rgba(18,25,46,.84); font-size:12px; line-height:1; } /* CTA buttons colour */ .rf-article .btn.primary, .rf-article .btn.view, .rf-article .btn.datasheet, .rf-article .btn.enquire{ border-color: transparent; background: var(--dc); color:#fff; } .rf-article .btn.primary:hover, .rf-article .btn.view:hover, .rf-article .btn.datasheet:hover, .rf-article .btn.enquire:hover{ transform: translateY(-1px) scale(1.01); filter: brightness(1.03); } .rf-article .btn.primary .ic, .rf-article .btn.view .ic, .rf-article .btn.datasheet .ic, .rf-article .btn.enquire .ic{ background: rgba(255,255,255,.18); color: rgba(255,255,255,.92); } .rf-article .mini-specs{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; padding:18px; border-top:1px solid rgba(18,25,46,.10); background: rgba(127,169,174,.06); } .rf-article .mini{ border:1px solid rgba(18,25,46,.10); background: rgba(255,255,255,.78); border-radius: 14px; padding:12px; } .rf-article .mini .k{font-size:11.5px; color: var(--muted); letter-spacing:.12em; text-transform:uppercase} .rf-article .mini .v{margin-top:6px; font-weight:800; font-size:14px; color: var(--ink)} .rf-article .mini .v small{font-weight:700; color: var(--muted)} /* ✅ Image panel: add CSS background fallback (in case img behaves oddly) */ .rf-article .hero-photo{ margin: 0 18px 18px; border-radius: 18px; overflow:hidden; border:1px solid rgba(18,25,46,.10); background: url("https://www.telenco.uk/admin/uploads/AdobeStock_700453557.jpeg") center / cover no-repeat, radial-gradient(640px 260px at 30% 10%, rgba(127,169,174,.12), transparent 65%), rgba(110,106,134,.06); box-shadow: 0 10px 22px rgba(18,25,46,.08); flex: 1; min-height: 180px; position:relative; } .rf-article .hero-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; } /* Made in Britain */ .rf-article .mib{ margin-top:16px; border:1px solid rgba(18,25,46,.12); border-radius: var(--radius2); background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.76)); box-shadow: var(--shadow); overflow:hidden; position:relative; flex: 1; min-height: 170px; display:flex; flex-direction:column; } .rf-article .mib-top{ padding:16px 16px 12px; border-bottom:1px solid rgba(18,25,46,.10); display:flex; gap:14px; align-items:flex-start; } .rf-article .flag{ width:58px; height:40px; border-radius:12px; border:1px solid rgba(18,25,46,.14); background: rgba(255,255,255,.92); display:grid; place-items:center; box-shadow: var(--shadow2); flex:0 0 auto; overflow:hidden; } .rf-article .mib h2{margin:0; font-size:18px; letter-spacing:-.01em; color:var(--ink);} .rf-article .mib p{margin:8px 0 0; color:var(--muted); line-height:1.6; font-size:13.6px; max-width:70ch;} /* UK buying benefits + standards icons */ .rf-article .mib-body{ padding:14px 16px 16px; display:grid; grid-template-columns: 1.05fr .95fr; gap:12px; align-items:stretch; } @media (max-width: 700px){ .rf-article .mib-body{grid-template-columns:1fr} } .rf-article .uk-benefits{ border:1px solid rgba(18,25,46,.10); background: rgba(255,255,255,.82); border-radius: 16px; padding:12px 12px; box-shadow: 0 8px 18px rgba(18,25,46,.06); } .rf-article .uk-benefits h3{ margin:0 0 8px; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color: rgba(18,25,46,.78); text-align:center; } .rf-article .uk-benefits .line{ display:flex; gap:10px; align-items:flex-start; padding:8px 0; border-top:1px solid rgba(18,25,46,.08); } .rf-article .uk-benefits .line:first-of-type{border-top:none; padding-top:0;} .rf-article .uk-benefits .tick{ width:24px; height:24px; border-radius:999px; display:grid; place-items:center; border:1px solid rgba(127,169,174,.28); background: rgba(127,169,174,.12); color: rgba(18,25,46,.78); flex:0 0 auto; font-weight:900; font-size:13px; line-height:1; } .rf-article .uk-benefits .txt{ font-size:13.4px; line-height:1.45; color: rgba(18,25,46,.82); font-weight:800; } .rf-article .uk-benefits .txt small{ display:block; margin-top:3px; color: rgba(18,25,46,.62); font-weight:700; } .rf-article .standards{ border:1px solid rgba(18,25,46,.10); background: rgba(127,169,174,.06); border-radius: 16px; padding:12px; box-shadow: 0 8px 18px rgba(18,25,46,.06); display:flex; flex-direction:column; justify-content:space-between; gap:10px; } .rf-article .standards h3{ margin:0; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color: rgba(18,25,46,.78); text-align:center; } .rf-article .std-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; } .rf-article .std{ display:flex; gap:10px; align-items:flex-start; padding:10px; border-radius: 14px; border:1px solid rgba(18,25,46,.10); background: rgba(255,255,255,.82); min-height: 54px; } .rf-article .std .icn{ width:32px; height:32px; border-radius: 12px; border:1px solid rgba(110,106,134,.18); background: rgba(110,106,134,.10); display:grid; place-items:center; color: rgba(110,106,134,.95); flex:0 0 auto; } .rf-article .std .icn svg{width:18px; height:18px; display:block} .rf-article .std .t{font-size:12.8px; font-weight:900; color: rgba(18,25,46,.84); line-height:1.25;} .rf-article .std .t small{display:block; margin-top:3px; font-weight:700; color: rgba(18,25,46,.60);} /* Top cards */ .rf-article section{padding: 18px 0} .rf-article .top-grid{ padding: 10px 0 0; display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; } @media (max-width: 980px){ .rf-article .top-grid{grid-template-columns:1fr} } .rf-article .range-card{ border:1px solid var(--line); border-radius: var(--radius2); background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.74)); box-shadow: var(--shadow); overflow:hidden; position:relative; } .rf-article .range-card .head{ padding:16px 16px 12px; border-bottom:1px solid rgba(18,25,46,.10); position:relative; text-align:center; } .rf-article .range-card .title{ margin:0; font-size: 18px; letter-spacing:-.01em; color: var(--ink); } .rf-article .subbadge{ margin-top:10px; display:inline-flex; align-items:center; justify-content:center; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color: rgba(18,25,46,.70); border:1px solid rgba(18,25,46,.14); border-radius:999px; padding:7px 10px; background: rgba(255,255,255,.75); } .rf-article .subbadge.dc{ border-color: rgba(110,106,134,.26); color: rgba(110,106,134,.92); background: rgba(110,106,134,.08); } .rf-article .range-card p{ margin:10px auto 0; color: var(--muted); font-size:13.6px; line-height:1.55; max-width: 66ch; } /* 800x800 images: square well + interactive hover */ .rf-article .img-slot{ margin:12px auto 0; width: min(100%, 420px); aspect-ratio: 1 / 1; border-radius: 16px; overflow:hidden; border:1px solid rgba(18,25,46,.10); background: radial-gradient(600px 240px at 30% 10%, rgba(127,169,174,.12), transparent 65%), rgba(110,106,134,.06); display:block; position:relative; } .rf-article .img-slot img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .25s ease, filter .25s ease; transform: translateZ(0); } .rf-article .img-slot::after{ content:""; position:absolute; inset:0; background: radial-gradient(500px 240px at 20% 10%, rgba(255,255,255,.35), transparent 60%); opacity:0; transition: opacity .25s ease; pointer-events:none; } .rf-article .range-card:hover .img-slot img{ transform: scale(1.03); filter: saturate(1.02) contrast(1.02); } .rf-article .range-card:hover .img-slot::after{opacity:1} .rf-article .range-card .foot{ padding:14px 16px 16px; position:relative; display:flex; flex-direction:column; gap:10px; align-items:center; justify-content:center; text-align:center; } .rf-article .range-card .foot .left{ display:flex; gap:8px; flex-wrap:wrap; color: rgba(18,25,46,.66); font-size:12.5px; align-items:center; justify-content:center; } .rf-article .range-card .foot .left code{ font-family:var(--mono); font-size:12.5px; padding:6px 8px; border-radius: 10px; border:1px solid rgba(18,25,46,.12); background: rgba(255,255,255,.78); color: rgba(18,25,46,.78); } /* Content blocks */ .rf-article .block{ margin-top: 22px; border:1px solid rgba(18,25,46,.12); background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.78)); border-radius: var(--radius2); box-shadow: var(--shadow); overflow:hidden; position:relative; } /* Product section header */ .rf-article .block .top{ padding: 18px 18px 14px; border-bottom: 1px solid rgba(18,25,46,.10); display:grid; grid-template-columns: 1fr auto; gap:14px; align-items:start; } @media (max-width: 860px){ .rf-article .block .top{ grid-template-columns:1fr; justify-items:center; text-align:center; } } .rf-article .top .title-wrap{text-align:center; width:100%;} .rf-article .block h3{margin:0; font-size: 20px; letter-spacing:-.01em; color: var(--ink); text-align:center;} .rf-article .block .top p{margin:8px auto 0; color: var(--muted); line-height:1.6; font-size: 13.8px; max-width: 72ch; text-align:center;} .rf-article .top .cta-row{margin-top:0; justify-content:flex-end; align-items:flex-start;} @media (max-width: 860px){ .rf-article .top .cta-row{justify-content:center;} } .rf-article .block .content{padding: 16px 18px 18px;} .rf-article .panel{ border:1px solid rgba(18,25,46,.12); background: rgba(255,255,255,.86); border-radius: var(--radius); padding: 14px; box-shadow: var(--shadow2); height:100%; min-height:0; } .rf-article .panel h4{ margin:0 0 10px; font-size: 13px; letter-spacing:.16em; text-transform: uppercase; color: rgba(18,25,46,.78); text-align:center; } /* ✅ FORCE LEFT ALIGNMENT FOR THE AREAS YOU SCREENSHOTTED (images 2/3/4) */ .rf-article .panel, .rf-article .list, .rf-article .li, .rf-article .li .tx, .rf-article .specs, .rf-article .spec-row, .rf-article .spec-row .k, .rf-article .spec-row .v, .rf-article .acc-item, .rf-article .acc-txt{ text-align:left !important; } .rf-article .li{ justify-content:flex-start; } .rf-article .li .tx{ width:100%; } .rf-article .spec-row{ justify-content:flex-start; } .rf-article .spec-row .k{ min-width: 170px; padding-right: 10px; } .rf-article .spec-row .v{ margin-left:auto; text-align:left !important; max-width: 66%; } @media (max-width: 520px){ .rf-article .spec-row{flex-direction:column} .rf-article .spec-row .v{margin-left:0; max-width:none} } /* Custom bullet replacement (no markers) */ .rf-article .list{display:grid; gap:10px;} .rf-article .li{ display:flex; gap:10px; align-items:flex-start; padding:10px; border-radius: 14px; border:1px solid rgba(18,25,46,.10); background: rgba(127,169,174,.06); } .rf-article .li .tx{ font-size:13.3px; line-height:1.45; color: rgba(18,25,46,.86); font-weight:800; } .rf-article .li .tx small{ display:block; font-weight:700; color: rgba(18,25,46,.64); margin-top:3px; } .rf-article .specs{display:grid; grid-template-columns:1fr; gap:8px;} .rf-article .spec-row{ display:flex; gap:12px; align-items:flex-start; border:1px solid rgba(18,25,46,.10); background: rgba(127,169,174,.06); border-radius: 14px; padding: 9px 11px; } /* 2x2 detail layout */ .rf-article .detail-grid{ display:grid; grid-template-columns: 1fr 1fr; grid-template-areas: "features tech" "sizes accessories"; gap:16px; align-items:stretch; } .rf-article .detail-features{grid-area:features} .rf-article .detail-tech{grid-area:tech} .rf-article .detail-sizes{grid-area:sizes} .rf-article .detail-accessories{grid-area:accessories} @media (max-width: 980px){ .rf-article .detail-grid{ grid-template-columns:1fr; grid-template-areas: "features" "tech" "sizes" "accessories"; } } /* table */ .rf-article .table-wrap{ overflow:auto; border-radius: 16px; border:1px solid rgba(18,25,46,.12); background: rgba(255,255,255,.90); box-shadow: var(--shadow2); } .rf-article table{width:100%; border-collapse:collapse; min-width:520px;} .rf-article th, .rf-article td{ padding: 10px 12px; text-align:left; border-bottom: 1px solid rgba(18,25,46,.10); vertical-align:top; font-size: 13.1px; color: rgba(18,25,46,.86); } .rf-article th{ font-size: 11.5px; letter-spacing:.14em; text-transform: uppercase; color: rgba(18,25,46,.76); background: rgba(110,106,134,.08); position: sticky; top: 0; z-index: 1; } /* Accessories icon grid */ .rf-article .acc-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; align-items:stretch; width:100%; } .rf-article .acc-item{ display:flex; gap:12px; align-items:center; padding:12px 12px; border-radius: 16px; border:1px solid rgba(18,25,46,.10); background: rgba(255,255,255,.86); box-shadow: 0 8px 16px rgba(18,25,46,.06); min-height: 72px; max-width:100%; overflow:hidden; } .rf-article .acc-ic{ width:44px; height:44px; border-radius: 14px; border:1px solid rgba(110,106,134,.20); background: rgba(110,106,134,.12); display:grid; place-items:center; color: rgba(110,106,134,.95); flex: 0 0 auto; } .rf-article .acc-ic svg{width:22px; height:22px; display:block} .rf-article .acc-txt{ font-size:13.4px; line-height:1.25; color: rgba(18,25,46,.86); font-weight:900; margin:0; display:flex; flex-direction:column; gap:2px; min-width:0; } .rf-article .acc-txt small{ display:block; font-weight:700; color: rgba(18,25,46,.64); margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 100%; } @media (max-width: 520px){ .rf-article .acc-grid{grid-template-columns:1fr} .rf-article .acc-item{min-height:68px} } /* Downloads + Contact */ .rf-article .split-2{ display:grid; grid-template-columns: 1.15fr .85fr; gap:16px; } @media (max-width: 980px){ .rf-article .split-2{grid-template-columns:1fr} } /* Centre buttons in contact panel */ .rf-article .btn-centre{justify-content:center;} /* Rainford brand area */ .rf-article .rainford-brand{ margin-top: 12px; border:1px solid rgba(99,102,106,.22); background: linear-gradient(180deg, rgba(99,102,106,.06), rgba(255,255,255,.82)); border-radius: var(--radius2); box-shadow: var(--shadow); overflow:hidden; position:relative; } .rf-article .rainford-brand .top{ padding: 18px 18px 12px; border-bottom: 1px solid rgba(99,102,106,.18); display:flex; flex-wrap:wrap; gap:12px; align-items:flex-start; justify-content:space-between; position:relative; } .rf-article .rf-title{margin:0; font-size: 20px; color: var(--rf); letter-spacing:-.01em;} .rf-article .rf-sub{margin:8px 0 0; color: rgba(99,102,106,.92); line-height:1.65; font-size: 13.8px; max-width: 90ch;} .rf-article .rainford-brand .content{padding: 14px 18px 18px; position:relative;} .rf-article .rf-split{ display:grid; grid-template-columns: 1.05fr .95fr; gap:16px; align-items:stretch; } @media (max-width: 980px){ .rf-article .rf-split{grid-template-columns:1fr} } .rf-article .rf-pills{display:flex; flex-wrap:wrap; gap:10px; margin: 10px 0 12px; justify-content:flex-start;} .rf-article .rf-pill{ display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:999px; border:1px solid rgba(99,102,106,.22); background: rgba(255,255,255,.80); color: rgba(99,102,106,.92); font-size:12.5px; font-weight:800; } .rf-article .rf-bullets{margin:0; padding-left:0; display:grid; gap:10px;} .rf-article .rfb{ display:flex; gap:10px; align-items:flex-start; padding:10px; border-radius: 14px; border:1px solid rgba(99,102,106,.18); background: rgba(255,255,255,.84); } .rf-article .rfb .tx{font-size:13.3px; line-height:1.45; font-weight:900; color: rgba(18,25,46,.86);} .rf-article .rfb .tx small{display:block; margin-top:3px; font-weight:700; color: rgba(99,102,106,.92);} .rf-article .rf-media{ border:1px solid rgba(18,25,46,.12); background: rgba(255,255,255,.86); border-radius: var(--radius); padding: 12px; box-shadow: var(--shadow2); height:100%; } /* Rainford 4-up tiles fill the area */ .rf-article .rf-grid4{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; align-items:stretch; } .rf-article .rf-slot{ position:relative; width:100%; aspect-ratio: 4 / 3; border-radius: 14px; overflow:hidden; border:1px solid rgba(18,25,46,.12); background: radial-gradient(520px 200px at 30% 10%, rgba(127,169,174,.10), transparent 65%), rgba(110,106,134,.06); } .rf-article .rf-slot img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; } .rf-article .rf-slot .cap{ position:absolute; bottom:0; left:0; right:0; margin:0; padding:10px 12px; background: rgba(255,255,255,.80); border-top:1px solid rgba(18,25,46,.10); display:flex; align-items:center; justify-content:space-between; gap:10px; } .rf-article .rf-slot .cap b{ font-size:12px; letter-spacing:.14em; text-transform:uppercase; color: rgba(18,25,46,.78); } /* Shop Now */ .rf-article .shop-cta{ margin-top: 18px; border:1px solid rgba(127,169,174,.28); background: linear-gradient(135deg, rgba(127,169,174,.16), rgba(110,106,134,.12)); border-radius: var(--radius2); box-shadow: var(--shadow); padding: 18px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; } .rf-article .shop-cta h3{margin:0; color: var(--ink); font-size: 18px; letter-spacing:-.01em;} .rf-article .shop-cta p{margin:6px 0 0; color: var(--muted); font-size: 13.6px; line-height:1.6; max-width: 70ch;} .rf-article .shop-cta .btn{padding:12px 16px; border-radius: 14px;} .rf-article footer{padding: 26px 0 40px; color: rgba(18,25,46,.62); font-size: 12.5px;} .rf-article footer .hr{height:1px; background: rgba(18,25,46,.10); margin-bottom: 14px;} Telenco Data Centre • Rainford SafeServ© Racks Rainford SafeServ© Data Centre Server Cabinets & Racks Three complementary racking families designed for modern data centre and colocation environments: SafeServ© SX Server Racks , SafeServ© OX Open Frame Racks , and SafeServ© CX Colocation Cabinets . Made in Britain Choosing British-made infrastructure supports shorter lead times, reliable quality control, and responsive support — ideal for critical environments where uptime, compliance, and delivery certainty matter. Why buy British-made? ✓ Shorter lead times & fewer supply chain risks More predictable project delivery. ✓ Consistent quality control & accountability Reduced variability across deployments. ✓ Responsive support and easier returns handling Faster resolution when it matters. Standards & compliance IEC 60297-3 Rack standard EIA-310-E 19" mounting RoHS Restriction compliant REACH Materials assurance At a glance Built for airflow efficiency, operational accessibility, and reliable deployment in mission-critical spaces. 19" Mounting format Steel Construction RoHS & REACH 83% Mesh doors Powder coat Finish Baying kit Included ↓ Download datasheets ✉ Contact us Doors (SX/CX) 83% mesh airflow Finish Polyester powder coat Colour (standard) White (RAL 9003) Black (RAL 9005) Included Baying kit + levelling feet Rainford SafeServ© SX Server Rack Range High-performance enclosure solution for modern data centre environments where security, airflow efficiency, and flexibility are critical. Best for: Server / network cabinets → View details Rainford SafeServ© OX Open Frame Rack Range Robust open-frame racking for high-density environments where accessibility, airflow, and flexibility are critical. Best for: Open access / airflow-led zones → View details Rainford SafeServ© CX Colocation Rack Range Engineered for modern data centre and colocation environments with secure, airflow-optimised cabinet solutions. Best for: Colocation / segregated sections → View details Rainford SafeServ© SX — Server Rack Range A high-performance enclosure solution engineered for modern data centre environments where security, airflow efficiency, and flexibility are critical. ↓ Datasheet ✉ Enquire Key features Fully welded steel frames For long-term reliability. 83% mesh doors Supports high-volume airflow. Multiple configurations Match deployment requirements. Containment / blanking compatible Improves cooling efficiency. Standards compliant IEC / EIA + RoHS & REACH. Technical characteristics Material Steel Finish Polyester powder coat Colour (standard) White (RAL 9003) / Black (RAL 9005) Mounting format 19 inch / other sizes available Doors 83% mesh (front/rear) Included Baying kit + levelling feet Standard sizes (SX) Rack height (RU / mm) Rack width (mm) Rack depth (mm) 47U / 2198 800 1200 47U / 2198 800 1000 42U / 1998 800 1200 42U / 1998 800 1000 42U / 1998 600 1200 42U / 1998 600 1000 Accessories / options Roof fans Where applicable PDU brackets Mounting support Cable management Vertical / horizontal Blanking & containment Improve efficiency Rainford SafeServ© OX — Open Frame Rack Range Robust open-frame racking for high-density environments where accessibility, airflow, and flexibility are critical. ↓ Datasheet ✉ Enquire Key features Open access design Fast service and airflow-led deployments. Steel framework Built for data centre rack loads. Multiple sizes Supports varied installation requirements. Standards compliant IEC / EIA + RoHS & REACH. Technical characteristics Material Steel Finish Polyester powder coat Colour (standard) White (RAL 9003) / Black (RAL 9005) Mounting format 19 inch / other sizes available Compliance IEC-60297-3 • EIA-310-E Included Baying kit + levelling feet Standard sizes (OX) Rack height (RU / mm) Rack width (mm) Rack depth (mm) 42U / 1998 600 1000 42U / 1998 600 1200 47U / 2198 600 1000 47U / 2198 600 1200 Accessories / options Cable management Vertical / horizontal PDU brackets Mounting support Shelves / trays Optional support Accessory mounting Service add-ons Rainford SafeServ© CX — Colocation Rack Range Engineered for modern data centre and colocation environments with secure, airflow-optimised cabinet solutions. ↓ Datasheet ✉ Enquire Key features Colocation-ready security Supports controlled access environments. 83% mesh airflow Efficient cooling at higher densities. Flexible configurations Varied widths, depths and heights. Standards compliant IEC / EIA + RoHS & REACH. Technical characteristics Material Steel Finish Polyester powder coat Colour (standard) White (RAL 9003) / Black (RAL 9005) Mounting format 19 inch / other sizes available Doors 83% mesh (front/rear) Included Baying kit + levelling feet Standard sizes (CX) Rack height (RU / mm) Rack width (mm) Rack depth (mm) 47U / 2198 800 1200 47U / 2198 800 1000 42U / 1998 800 1200 42U / 1998 800 1000 42U / 1998 600 1200 42U / 1998 600 1000 Accessories / options Roof fans Where applicable PDU brackets Mounting support Blanking & containment Improve efficiency Cable management Vertical / horizontal Downloads & Links All links open in a new tab. Download datasheets Download: Rainford SafeServ© SX Datasheet Download: Rainford SafeServ© OX Datasheet Download: Rainford SafeServ© CX Datasheet Contact us Need a recommendation on rack size, containment alignment, cable management, or accessory options? ✉ Contact us ↗ Data centre hub About the Rainford brand Rainford is a Telenco brand delivering engineered cabinet infrastructure for critical environments. Alongside data centres, Rainford supports deployments across fixed networks , mobile networks , and private networks — with a joined-up approach that can integrate racks, containment, cable management, and accessories to simplify specification and roll-out. ↗ Rainford overview ✓ Certifications End-to-end capability UK support & availability Quality & compliance focus Designed for critical environments Consultative specification Define the right cabinet, layout, containment and accessories. Design-led engineering Optimised for airflow, access and operational efficiency. Manufacture with consistency Repeatable build quality across multi-site deployments. Integrated infrastructure approach Racks, containment, cable management and accessories in one solution. Supports multiple network types Fixed, mobile, private networks and data centre environments. Fast fulfilment & staged rollouts Built to align with project schedules and site readiness. Telenco-backed support Simplified procurement, documentation and delivery coordination. Consult • Design • Manufacture • Deliver Consult Design Manufacture Deliver A full integration approach — from specification to delivery — supporting consistent outcomes across critical infrastructure programmes. Ready to specify your Rainford SafeServ© racks? Shop the SafeServ© range online or speak to the team for help selecting the right rack configuration and accessories. Shop now © Telenco • Rainford SafeServ© Data Centre Racks — SX / OX / CX ...