:root{
      --orange:#ff6600;
      --orange2:#ff8b22;
      --yellow:#ffcc00;
      --dark:#0d0d0d;
      --dark2:#171717;
      --grey:#f6f6f6;
      --text:#333;
      --muted:#6c6c6c;
      --line:#e8e8e8;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:"Inter",Arial,sans-serif;color:var(--text);background:#fff;line-height:1.7}
    a{text-decoration:none}
    img{max-width:100%;display:block}

    .skip-link{position:absolute;top:-55px;left:20px;background:#fff;color:#111;padding:10px 16px;z-index:9999;border-radius:8px;font-weight:800}
    .skip-link:focus{top:15px}

    /* Header copied from the home-page design language */
    .topbar{background:#080808;color:#eee;font-size:14px;padding:8px 0;border-bottom:1px solid #2b2b2b}
    .topbar a,.topbar span{color:#eee}
    .topbar i{color:var(--yellow)}
    .brand-header{background:var(--dark);padding:14px 0;border-bottom:1px solid #2d2d2d}
    .brand-logo{max-height:90px;object-fit:contain;margin:auto}
    .navbar{background:#0d0d0d;box-shadow:0 10px 35px rgba(0,0,0,.35);padding:0;z-index:999}
    .navbar .nav-link{color:#fff!important;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.4px;padding:17px 12px!important;background:transparent!important;box-shadow:none!important;outline:none!important}
    .navbar .nav-link:hover,.navbar .nav-link:focus,.navbar .nav-link:active,.navbar .nav-link.active{color:var(--orange)!important}
    .dropdown-menu{background:#161616;border:1px solid #2a2a2a;border-radius:0 0 16px 16px;box-shadow:0 18px 45px rgba(0,0,0,.4);padding:10px}
    .dropdown-item{color:#eee;font-size:14px;border-radius:8px;padding:9px 14px;background:transparent!important;box-shadow:none!important}
    .dropdown-item:hover,.dropdown-item:focus,.dropdown-item:active{color:var(--orange)!important}

/* Footer copied from current home design */
    .footer-modern{position:relative;overflow:hidden;background:#080808;color:#d0d0d0;padding:80px 0 0}
    .footer-glow{position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,102,0,.08);filter:blur(12px);right:-160px;top:-180px}
    .footer-logo{max-height:86px;margin-bottom:18px}.footer-about{max-width:360px;color:#bcbcbc;font-size:14px}
    .footer-contact{display:grid;gap:11px;margin-top:22px}.footer-contact a{display:flex;align-items:center;gap:10px;color:#d0d0d0;font-size:14px}.footer-contact i{color:var(--orange);width:18px}
    .footer-modern h5{position:relative;color:#fff;font-size:16px;font-weight:900;margin-bottom:22px;padding-bottom:11px}.footer-modern h5::after{content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;border-radius:20px;background:linear-gradient(90deg,var(--orange),var(--yellow))}
    .footer-modern ul{list-style:none;padding:0;margin:0}.footer-modern li{margin-bottom:10px}.footer-modern li a{color:#bdbdbd;font-size:14px}.footer-modern li a:hover{color:var(--orange)}
    /* ==========================================
      ERYRI NEWSLETTER FOOTER
    ========================================== */
    .newsletter-card { background: linear-gradient( 145deg,  #242b33 0%, #171c22 100% );  border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; padding: 26px; box-shadow: 0 12px 30px rgba(0,0,0,0.12);}
    .newsletter-card h5 { color: #ffffff; font-size: 19px; font-weight: 700; line-height: 1.35; margin-bottom: 10px;}
    .newsletter-card > p {  color: #c7cdd4;  font-size: 13px; line-height: 1.7; margin-bottom: 18px;}
    .newsletter-card .newsletter-form { display: flex; align-items: stretch; gap: 8px; width: 100%;}
    .newsletter-card .newsletter-form input[type="email"] { flex: 1; min-width: 0; width: 100%; background: #ffffff;  color: #222222; border: 1px solid #e5e7eb; border-radius: 8px;  padding: 12px 13px; font-size: 13px; outline: none;transition: border-color .2s, box-shadow .2s;}
    .newsletter-card .newsletter-form input[type="email"]:focus { border-color: #f5a623;box-shadow: 0 0 0 3px rgba(245,166,35,.18);}
    .newsletter-card .newsletter-form button { flex-shrink: 0; background: #f5a623;  color: #171c22; border: none; border-radius: 8px; padding: 12px 17px;font-size: 13px;font-weight: 700; cursor: pointer;transition: background .2s, transform .2s;}  
    .newsletter-card .newsletter-form button:hover {background: #ffc15a; transform: translateY(-1px);}
    .newsletter-card .newsletter-form button:disabled {  opacity: .65; cursor: not-allowed; transform: none;}
    .newsletter-card .newsletter-consent { display: flex; align-items: flex-start;  gap: 10px; margin-top: 15px; cursor: pointer;}
    .newsletter-card .newsletter-consent input[type="checkbox"] { flex: 0 0 16px; width: 16px; height: 16px;  margin-top: 2px; accent-color: #f5a623; cursor: pointer;}
    .newsletter-card .newsletter-consent span {  flex: 1;color: #c7cdd4; font-size: 11.5px; line-height: 1.65;}
    .newsletter-card .newsletter-consent a { color: #f5a623; text-decoration: underline; text-underline-offset: 3px;}
    .newsletter-card .newsletter-consent a:hover {color: #ffc15a;}
    .newsletter-card .newsletter-honeypot { position: absolute !important; left: -10000px !important;  width: 1px !important; height: 1px !important;  overflow: hidden !important;}
    .newsletter-card .newsletter-message {margin-top: 12px; font-size: 12px; line-height: 1.5;}
    .newsletter-card .newsletter-message:empty { display: none;}
    .newsletter-card .newsletter-success {color: #86efac;}
    .newsletter-card .newsletter-error {color: #fca5a5;}
    /* Social links */
    .newsletter-card .footer-social {display: flex; align-items: center;gap: 10px; margin-top: 20px;}
    .newsletter-card .footer-social a { display: inline-flex; align-items: center;justify-content: center; width: 35px; height: 35px; border: 1px solid rgba(255,255,255,.15); border-radius: 8px; color: #d5d9df;text-decoration: none; transition: all .2s;}
    .newsletter-card .footer-social a:hover { background: #f5a623; color: #171c22; border-color: #f5a623;}
    /* Responsive */
    @media (max-width: 480px) { .newsletter-card { padding: 20px;}
    .newsletter-card .newsletter-form { flex-direction: column; }
    .newsletter-card .newsletter-form button { width: 100%;}}
    .footer-social{display:flex;gap:9px;margin-top:18px}.footer-social a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#1d1d1d;color:#fff}.footer-social a:hover{background:var(--orange);color:#111}
    .footer-bottom{margin-top:58px;padding:22px 0;border-top:1px solid #222;display:flex;justify-content:space-between;gap:20px;color:#777;font-size:12px}.footer-bottom p{margin:0}
    
    /* ==========================================
      HEADER SEARCH POPUP
    ========================================== */

    .header-search-btn {
        background: transparent;
        border: none;
        color: #fff;
        font-size: 17px;
        cursor: pointer;
        padding: 10px 14px;
        transition: color 0.25s ease;
    }

    .header-search-btn:hover,
    .header-search-btn:focus-visible {
        color: #ff6600;
    }

    .header-search-box {
        position: fixed;
        top: 85px;
        right: 5%;
        width: min(380px, 90vw);
        background: #1c1c1c;
        padding: 14px;
        border: 1px solid #ff6600;
        border-radius: 12px;
        box-shadow: 0 15px 40px rgba(0,0,0,0.3);
        z-index: 99999;
    }

    .header-search-box[hidden] {
        display: none !important;
    }

    .header-search-box form {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .header-search-box input {
        flex: 1;
        min-width: 0;
        padding: 11px 13px;
        border: 1px solid #444;
        border-radius: 7px;
        background: #292929;
        color: #fff;
        outline: none;
        font-size: 13px;
    }

    .header-search-box input:focus {
        border-color: #ff6600;
    }

    .header-search-box form button {
        width: 43px;
        height: 43px;
        flex-shrink: 0;
        border: none;
        border-radius: 7px;
        background: #ff6600;
        color: #111;
        cursor: pointer;
    }

    .header-search-box form button:hover {
        background: #ffcc00;
    }


@media(max-width:767px){
  .footer-bottom{flex-direction:column}
  .newsletter-form{flex-direction:column}
  .newsletter-form button{width:100%}
}


/* Services dropdown fix */
.navbar .dropdown{position:relative}
.navbar .dropdown-menu{
  margin-top:0;
  min-width:280px;
  z-index:1100;
}
.navbar .dropdown-menu.show{display:block}
.navbar .dropdown-toggle::after{
  margin-left:6px;
  vertical-align:.15em;
}
@media (min-width:992px){
  .navbar .dropdown:hover > .dropdown-menu,
  .navbar .dropdown:focus-within > .dropdown-menu{
    display:block;
  }
}

/* Complete desktop and mobile navigation */
.eryri-navigation .navbar-nav{gap:0}.eryri-navigation .nav-link{font-size:12px;white-space:nowrap;padding-left:9px!important;padding-right:9px!important}
.eryri-navigation .dropdown-menu{min-width:285px;background:#202226;border:1px solid #414141;border-top:2px solid #ff7900;padding:6px 0;box-shadow:0 16px 36px #0004}
.eryri-navigation .dropdown-item{white-space:normal;font-size:12px;line-height:1.45;padding:11px 16px;color:#e8e8e8;border-bottom:1px solid #ffffff13}
.eryri-navigation .dropdown-item:hover,.eryri-navigation .dropdown-item:focus,.eryri-navigation .dropdown-item.active{background:#ff6600;color:#111}
.eryri-navigation .dropdown-submenu{position:relative}
.eryri-navigation .submenu-heading{display:flex;align-items:stretch}.eryri-navigation .submenu-heading>.dropdown-item{flex:1;min-width:0}
.eryri-navigation .submenu-toggle{border:0;background:transparent;color:#ff8b2b;padding:0 15px;cursor:pointer}.eryri-navigation .submenu-toggle:hover,.eryri-navigation .submenu-toggle:focus{background:#ff6600;color:#111}
.eryri-navigation .iso-submenu{top:-8px;left:100%;margin:0;min-width:365px;max-width:min(390px,95vw)}
.eryri-search-panel{background:#222;padding:18px 0;border-bottom:2px solid #ff6600}.eryri-search-panel label{color:#fff;font-size:12px;margin-bottom:7px}
@media(min-width:992px){.eryri-navigation .dropdown-submenu:hover>.iso-submenu,.eryri-navigation .dropdown-submenu:focus-within>.iso-submenu,.eryri-navigation .dropdown-submenu.submenu-open>.iso-submenu{display:block}.eryri-navigation .dropdown-submenu.submenu-open>.iso-submenu{display:block}.eryri-navigation .dropdown-menu{max-height:min(75vh,680px);overflow:visible}.eryri-navigation .navbar-nav>li:nth-last-child(-n+4)>.dropdown-menu{right:0;left:auto}}
@media(max-width:991.98px){.eryri-navigation .navbar-nav{align-items:stretch!important;padding:12px 0}.eryri-navigation .nav-link{padding:12px!important}.eryri-navigation .dropdown-menu{position:static!important;transform:none!important;width:100%;max-height:none;box-shadow:none;margin:0 0 7px 0}.eryri-navigation .iso-submenu{position:static!important;display:none;min-width:0;max-width:none;width:100%;margin:0;background:#151515;border-top:1px solid #ff6600;padding-left:12px}.eryri-navigation .dropdown-submenu.submenu-open>.iso-submenu{display:block}.eryri-navigation .submenu-toggle{min-width:50px}.eryri-navigation .dropdown-item{font-size:12px}}

/* FIX: Dropdown menu items going outside background */
@media (min-width: 992px) {
    .navbar .dropdown-menu,
    .navbar .dropdown-submenu > .dropdown-menu {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-bottom: 10px !important;
        box-sizing: border-box;
    }
}