/* netontechnologies.uk additions on top of the shared .com style.css */
.uk-skip:focus{position:fixed;top:8px;left:8px;z-index:10000;background:#fff;color:#cc2620;padding:8px 14px;border-radius:4px}
.uk-breadcrumb{background:#f4f4f4;font-size:.85rem;padding:8px 0;color:#555}
.uk-breadcrumb a{color:#cc2620}
.uk-legal{font-size:.85rem;color:#ccc;margin-bottom:6px}
footer .copyright a{color:inherit;text-decoration:underline}
.callbox-tel{color:inherit}
/* The call-us banner follows another grey section on every UK page, so the .com's
   top:-123px lift just pushes it over the content above. Keep it in normal flow. */
.uk-callbox .CallBox{top:0}
.GrayBox.pb-5 + .uk-callbox{padding-top:8px}  /* 48px pb-5 above -> ~72px gap */
.ProductSec + .uk-callbox{margin-top:-18px}     /* 80px carousel padding above -> ~72px gap */
@media (max-width:768px){
  .GrayBox.pb-5 + .uk-callbox{padding-top:0;margin-top:-8px}  /* -> ~40px */
  .ProductSec + .uk-callbox{margin-top:-10px}                 /* 40px padding here -> ~40px */
}
.callbox-tel:hover{color:inherit;text-decoration:none}
.inner-hero .banner_left h1{line-height:1.2}
.uk-lead{font-size:1.05rem}
.uk-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;border-top:3px solid #cc2620;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.uk-card h3{font-size:1.1rem;margin-top:0}
.uk-card p{font-size:.92rem;margin:0}
.uk-faq h3{font-size:1.15rem;margin-top:22px}
.uk-cta{background:#fff;padding:24px;border-radius:8px;border-left:4px solid #cc2620;margin-top:32px}
.uk-sidebar{background:#f8f9fa;border-radius:8px;padding:20px;position:sticky;top:20px}
.uk-sidebar p{font-size:.9rem}
.uk-side-logo{width:100%;max-width:120px;display:block;margin:8px 0 16px}
.uk-side-btn{display:block;text-align:center;margin-top:12px;font-size:.9rem}
.uk-hero-logos{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.uk-hero-logos img{height:38px;filter:brightness(0) invert(1)}
.uk-badge{background:gold;color:#222;font-weight:700;font-size:.85rem;padding:5px 14px;border-radius:20px;letter-spacing:.5px}
.uk-table{width:100%;background:#fff;margin:16px 0}
.uk-table th,.uk-table td{border:1px solid #ddd;padding:8px 10px;font-size:.92rem;vertical-align:top}
.uk-table th{background:#f1f1f1}
.uk-legal-page h2{font-size:1.4rem;margin-top:28px}
.uk-legal-page h3{font-size:1.1rem;margin-top:18px}
.uk-legal-page{max-width:900px}
/* contact form */
.uk-form .form-control{border-radius:4px}
.uk-hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.uk-form-status{margin-top:14px;padding:12px 14px;border-radius:4px;display:none}
.uk-form-status.ok{display:block;background:#e7f6ec;color:#185c2b}
.uk-form-status.err{display:block;background:#fdecea;color:#8a1f17}
.uk-form small{color:#555}
/* cookie banner (PECR: equal-weight accept / reject, nothing non-essential before a choice) */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:#1f1f1f;color:#fff;padding:16px 0;box-shadow:0 -2px 12px rgba(0,0,0,.25)}
.cookie-banner[hidden]{display:none}
.cookie-banner .container{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.cookie-banner p{margin:0;flex:1 1 420px;font-size:.92rem;line-height:1.5}
.cookie-banner a{color:#fff;text-decoration:underline}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-btn{border:2px solid #fff;background:#fff;color:#1f1f1f;font-weight:700;padding:8px 16px;border-radius:4px;cursor:pointer;min-width:150px}
.cookie-btn:focus{outline:3px solid #f5c400;outline-offset:2px}
@media (max-width:767px){.uk-sidebar{position:static;margin-top:24px}.cookie-btn{flex:1 1 auto}}
.services-list li h3 a,.services-list li h3 a:hover{color:inherit;text-decoration:none}
html,body{overflow-x:hidden} /* AOS slide-in transforms must not create sideways scroll on phones */