#aras-glass-header-root{
  --aras-red:#cf0023;
  --aras-red-dark:#a90015;
  --aras-ink:#172033;
  --aras-radius:14px;
  position:relative;
  z-index:99999;
  direction:rtl;
  font-family:"YekanBakh",Tahoma,Arial,sans-serif;
}

#aras-glass-header-root *,
#aras-glass-header-root *::before,
#aras-glass-header-root *::after{box-sizing:border-box}

.aras-top-static{
  position:absolute;
  top:12px;
  right:26px;
  left:26px;
  z-index:100001;
  pointer-events:none;
}

.aras-topbar{
  width:100%;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  direction:rtl;
  pointer-events:auto;
}

.aras-top-contact,
.aras-social{
  height:34px;
  display:flex;
  align-items:center;
  color:#fff;
  background:rgba(29,49,74,.88);
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  box-shadow:0 8px 22px rgba(18,42,68,.14);
  backdrop-filter:blur(12px) saturate(135%);
  -webkit-backdrop-filter:blur(12px) saturate(135%);
}

.aras-top-contact{
  min-width:410px;
  justify-content:center;
  gap:12px;
  padding:0 18px;
  font-size:12px;
  white-space:nowrap;
}

.aras-top-contact a{
  color:inherit;
  text-decoration:none;
  display:flex;
  align-items:center;
  gap:7px;
}

.aras-inline-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.aras-divider{width:1px;height:19px;background:rgba(255,255,255,.58)}

.aras-social{padding:0 13px;gap:17px;direction:ltr}

.aras-social a{
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  color:#fff;
  text-decoration:none;
  transition:transform .2s ease,opacity .2s ease;
}

.aras-social a:hover{transform:translateY(-2px);opacity:.76}

.aras-social svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.aras-social path:first-child{fill:currentColor;stroke:none}
.aras-social .fill{fill:currentColor;stroke:none}

.aras-header-wrap{
  position:fixed;
  top:54px;
  right:0;
  left:0;
  z-index:100000;
  padding:0 26px;
  transition:top .3s ease,padding .3s ease;
}

.aras-glass-header{
  width:100%;
  max-width:calc(100vw - 52px);
  height:78px;
  margin:0 auto;
  padding:10px 18px 10px 24px;
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);
  align-items:center;
  direction:rtl;
  border:1px solid rgba(255,255,255,.96);
  border-radius:var(--aras-radius);
  background:
    linear-gradient(100deg,
      rgba(247,248,252,.86) 0%,
      rgba(255,231,237,.86) 48%,
      rgba(232,247,255,.86) 100%);
  background-color:rgba(245,247,251,.86);
  backdrop-filter:blur(34px) saturate(140%);
  -webkit-backdrop-filter:blur(34px) saturate(140%);
  box-shadow:0 18px 38px rgba(23,66,101,.17),inset 0 1px 0 rgba(255,255,255,.96);
  transition:height .3s ease,box-shadow .3s ease;
  overflow:visible;
}

.aras-logo{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  justify-self:start;
  text-decoration:none;
}

.aras-logo img{
  display:block;
  width:230px;
  max-width:25vw;
  height:auto;
  transition:width .3s ease;
}

.aras-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  grid-column:2;
  overflow:visible;
}

.aras-nav-item{position:relative;display:flex;align-items:center}

.aras-nav-link{
  min-height:51px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:var(--aras-ink);
  text-decoration:none;
  border:1px solid transparent;
  border-radius:var(--aras-radius);
  font-size:15px;
  font-weight:600;
  white-space:nowrap;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}

.aras-nav-link:hover,
.aras-nav-link.is-active,
.aras-nav-item:focus-within>.aras-nav-link{
  color:#2a2026;
  background:rgba(255,225,231,.65);
  border-color:rgba(255,255,255,.92);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 20px rgba(207,0,35,.07);
}

.aras-chevron{
  width:8px;
  height:8px;
  border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(-45deg) translateY(-1px);
  opacity:.7;
  transition:transform .2s ease;
}

.aras-nav-item:hover .aras-chevron,
.aras-nav-item:focus-within .aras-chevron,
.aras-nav-item.is-open .aras-chevron{
  transform:rotate(135deg) translate(-1px,-1px);
}

.aras-actions{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:10px;
  direction:ltr;
}

.aras-call-btn,
.aras-agency-btn{
  height:51px;
  border-radius:var(--aras-radius);
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.aras-call-btn{
  width:51px;
  color:#1d314a;
  background:rgba(255,255,255,.50);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}

.aras-call-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.aras-agency-btn{
  min-width:220px;
  padding:0 24px;
  color:#fff;
  background:var(--aras-red);
  border:1px solid #d64c59;
  font-size:15px;
  font-weight:700;
  box-shadow:0 10px 22px rgba(205,0,35,.20);
}

.aras-call-btn:hover,
.aras-agency-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(24,49,74,.20);
}

.aras-agency-btn:hover{color:#fff;background:var(--aras-red-dark)}

.aras-submenu{
  position:absolute;
  top:calc(100% + 15px);
  left:50%;
  width:245px;
  padding:8px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,-8px);
  background:
    linear-gradient(100deg,
      rgba(247,248,252,.92) 0%,
      rgba(255,237,242,.93) 48%,
      rgba(237,249,255,.93) 100%);
  border:1px solid rgba(255,255,255,.97);
  border-radius:24px;
  backdrop-filter:blur(34px) saturate(135%);
  -webkit-backdrop-filter:blur(34px) saturate(135%);
  box-shadow:0 18px 38px rgba(23,66,101,.17),inset 0 1px 0 rgba(255,255,255,.96);
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
  z-index:100010;
}

.aras-submenu::before{
  content:"";
  position:absolute;
  top:-15px;
  right:0;
  left:0;
  height:15px;
}

.aras-nav-item:hover>.aras-submenu,
.aras-nav-item:focus-within>.aras-submenu,
.aras-nav-item.is-open>.aras-submenu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}

.aras-submenu a{
  width:100%;
  min-height:49px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  color:#263247;
  text-decoration:none;
  border:1px solid transparent;
  border-radius:14px;
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}

.aras-submenu a+a{border-top-color:rgba(29,49,74,.07)}

.aras-submenu a:hover,
.aras-submenu a:focus{
  color:#b40018;
  background:rgba(207,0,35,.07);
  border-color:rgba(207,0,35,.15);
}

.aras-submenu-small{width:172px}

.aras-menu-btn{
  display:none;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid rgba(255,255,255,.9);
  border-radius:var(--aras-radius);
  background:rgba(255,255,255,.55);
  cursor:pointer;
}

.aras-menu-btn span{
  width:21px;
  height:2px;
  display:block;
  margin:3px auto;
  background:var(--aras-ink);
  border-radius:4px;
}

.aras-header-wrap.is-scrolled{top:12px;padding:0 14px}

.aras-header-wrap.is-scrolled .aras-glass-header{
  height:68px;
  box-shadow:0 13px 34px rgba(19,39,70,.20),inset 0 1px 0 rgba(255,255,255,.96);
}

.aras-header-wrap.is-scrolled .aras-logo img{width:195px}

body:not(.home) .aras-top-static{display:none}
body:not(.home) .aras-header-wrap{top:12px}

.aras-header-page-spacer{height:100px}

@media(max-width:1100px){
  .aras-top-static{display:none!important}

  .aras-header-wrap,
  body:not(.home) .aras-header-wrap{
    top:10px;
    padding:0 10px;
  }

  .aras-glass-header{
    max-width:100%;
    height:70px;
    padding:9px 11px;
    display:flex;
    gap:10px;
  }

  .aras-logo{margin-left:auto}

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:190px;
    max-width:55vw;
  }

  .aras-actions{display:none}
  .aras-menu-btn{display:block}

  .aras-nav{
    position:absolute;
    top:80px;
    right:10px;
    left:10px;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    padding:10px;
    background:rgba(247,248,252,.96);
    border:1px solid rgba(255,255,255,.97);
    border-radius:18px;
    backdrop-filter:blur(25px);
    -webkit-backdrop-filter:blur(25px);
    box-shadow:0 20px 45px rgba(19,39,70,.20);
  }

  .aras-nav.is-open{display:flex}
  .aras-nav-item{display:block;width:100%}
  .aras-nav-link{width:100%;min-height:47px;justify-content:space-between}

  .aras-submenu{
    position:static;
    width:100%;
    display:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    margin:5px 0 8px;
    padding:6px;
    border-radius:14px;
    box-shadow:none;
  }

  .aras-nav-item.is-open>.aras-submenu{display:block}
  .aras-submenu::before{display:none}
  .aras-submenu a{min-height:44px;padding-right:22px}
  .aras-header-page-spacer{height:88px}
}

@media(max-width:520px){
  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:165px;
    max-width:58vw;
  }
}


/* ===== v1.1 — هماهنگی با هدر واقعی سایت ===== */

/* هدر قدیمی قالب/المنتور مخفی شود تا دو هدر روی هم نیفتد */
body.aras-gh-enabled .elementor-location-header,
body.aras-gh-enabled header.site-header,
body.aras-gh-enabled #masthead,
body.aras-gh-enabled .main-header,
body.aras-gh-enabled .header-wrapper:not(.aras-header-wrap){
  display:none !important;
}

/* حذف فاصله‌های احتمالی هدر قدیمی */
body.aras-gh-enabled{
  margin-top:0 !important;
}

/* هماهنگی دقیق با نوار مدیریت وردپرس برای کاربران لاگین‌شده */
body.admin-bar .aras-top-static{
  top:44px;
}

body.admin-bar .aras-header-wrap{
  top:86px;
}

body.admin-bar .aras-header-wrap.is-scrolled{
  top:44px;
}

/* چیدمان دسکتاپ — سه ستون پایدار و دقیق */
@media (min-width:1101px){
  .aras-glass-header{
    grid-template-columns:280px minmax(520px,auto) 280px;
    column-gap:18px;
  }

  .aras-logo{
    width:100%;
    justify-content:flex-start;
  }

  .aras-logo img{
    width:220px;
    max-width:100%;
  }

  .aras-nav{
    width:100%;
    justify-content:center;
  }

  .aras-actions{
    width:100%;
    justify-content:flex-start;
  }

  .aras-top-contact{
    min-width:0;
    width:auto;
    max-width:620px;
  }

  .aras-social{
    flex:0 0 auto;
  }
}

/* در فرانت‌اند، محتوا از زیر هدر شروع شود */
body.aras-gh-enabled.home .site,
body.aras-gh-enabled.home #page{
  padding-top:0 !important;
}

/* نوار مدیریت موبایل وردپرس */
@media (max-width:782px){
  body.admin-bar .aras-header-wrap,
  body.admin-bar .aras-header-wrap.is-scrolled{
    top:56px;
  }
}


/* ===== v1.2 — تراز نهایی، نوار اطلاعات و لینک‌ها ===== */

/* نوار اطلاعات باید مستقل از محل تزریق افزونه، دقیقاً بالای هدر قرار بگیرد */
body.home .aras-top-static{
  position:fixed !important;
  top:12px !important;
  right:26px !important;
  left:26px !important;
  z-index:100002 !important;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}

body.home #aras-glass-header-root.aras-has-scrolled .aras-top-static{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-14px);
}

/* فاصله دقیق نوار اطلاعات و هدر */
body.home .aras-header-wrap{
  top:56px !important;
}

body.home .aras-header-wrap.is-scrolled{
  top:12px !important;
}

/* تراز مطلق و پایدار سه بخش دسکتاپ */
@media (min-width:1101px){
  .aras-glass-header{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:10px 24px !important;
  }

  .aras-logo{
    position:absolute !important;
    right:24px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:230px !important;
    height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .aras-logo img{
    width:220px !important;
    max-width:220px !important;
    height:auto !important;
  }

  .aras-nav{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    margin:0 !important;
  }

  .aras-actions{
    position:absolute !important;
    left:24px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    height:51px !important;
    margin:0 !important;
  }

  .aras-call-btn,
  .aras-agency-btn{
    height:51px !important;
    min-height:51px !important;
    margin:0 !important;
    line-height:1 !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .aras-call-btn{
    width:51px !important;
    min-width:51px !important;
    flex:0 0 51px !important;
  }

  .aras-agency-btn{
    min-width:220px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  .aras-agency-btn:link,
  .aras-agency-btn:visited,
  .aras-agency-btn:hover,
  .aras-agency-btn:focus,
  .aras-agency-btn:active{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo{
    height:50px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:195px !important;
    max-width:195px !important;
  }
}

/* نوار مدیریت وردپرس */
body.admin-bar.home .aras-top-static{
  top:44px !important;
}

body.admin-bar.home .aras-header-wrap{
  top:88px !important;
}

body.admin-bar.home .aras-header-wrap.is-scrolled{
  top:44px !important;
}

@media (max-width:782px){
  body.admin-bar.home .aras-header-wrap,
  body.admin-bar.home .aras-header-wrap.is-scrolled{
    top:56px !important;
  }
}


/* ===== v1.3 — موبایل: آدرس‌بار و دکمه اخذ نمایندگی ===== */

.aras-mobile-agency-btn{
  display:none;
}

/* نسخه موبایل و تبلت */
@media(max-width:1100px){

  /* نوار اطلاعات در موبایل نمایش داده شود */
  .aras-top-static{
    display:block !important;
    position:fixed !important;
    top:10px !important;
    right:10px !important;
    left:10px !important;
    z-index:100003 !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }

  .aras-topbar{
    height:30px !important;
    justify-content:center !important;
  }

  .aras-top-contact{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:30px !important;
    padding:0 12px !important;
    gap:8px !important;
    justify-content:center !important;
    font-size:10px !important;
    overflow:hidden !important;
  }

  .aras-top-contact a{
    gap:5px !important;
    flex:0 0 auto !important;
  }

  .aras-top-contact .aras-address{
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .aras-top-contact .aras-divider{
    height:16px !important;
    flex:0 0 1px !important;
  }

  /* آیکون‌های شبکه در موبایل داخل نوار بالا حذف شوند تا شلوغ نشود */
  .aras-social{
    display:none !important;
  }

  /* هدر زیر آدرس‌بار قرار بگیرد */
  .aras-header-wrap,
  body:not(.home) .aras-header-wrap{
    top:48px !important;
  }

  .aras-header-wrap.is-scrolled,
  body:not(.home) .aras-header-wrap.is-scrolled{
    top:48px !important;
  }

  /* نوار آدرس در موبایل با اسکرول محو نشود */
  #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }

  /* دکمه اخذ نمایندگی داخل منوی بازشونده */
  .aras-mobile-agency-btn{
    width:100%;
    min-height:48px;
    margin-top:6px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-decoration:none;
    background:var(--aras-red);
    border:1px solid #d64c59;
    border-radius:14px;
    font-size:15px;
    font-weight:700;
    box-shadow:0 10px 22px rgba(205,0,35,.18);
  }

  .aras-mobile-agency-btn:hover,
  .aras-mobile-agency-btn:focus{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:var(--aras-red-dark);
  }

  /* منوی موبایل کمی پایین‌تر بیاید تا روی هدر نیفتد */
  .aras-nav{
    top:80px !important;
  }

  .aras-header-page-spacer{
    height:128px !important;
  }
}

/* هماهنگی با نوار مدیریت وردپرس در موبایل */
@media(max-width:782px){
  body.admin-bar .aras-top-static{
    top:56px !important;
  }

  body.admin-bar .aras-header-wrap,
  body.admin-bar .aras-header-wrap.is-scrolled,
  body.admin-bar:not(.home) .aras-header-wrap,
  body.admin-bar:not(.home) .aras-header-wrap.is-scrolled{
    top:94px !important;
  }
}

@media(max-width:520px){
  .aras-top-contact{
    font-size:9px !important;
    padding:0 9px !important;
  }

  .aras-top-contact .aras-address{
    max-width:48vw !important;
  }

  .aras-top-contact a span:last-child{
    max-width:36vw !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}


/* ===== v1.4 — موبایل: نوار آدرس بالای هدر و حذف مربع قرمز ===== */

@media(max-width:1100px){

  /* نوار آدرس در بالاترین بخش بماند و روی هدر نیفتد */
  .aras-top-static{
    top:10px !important;
    right:10px !important;
    left:10px !important;
  }

  .aras-topbar,
  .aras-top-contact{
    height:32px !important;
  }

  /* فاصله واقعی بین نوار آدرس و هدر */
  .aras-header-wrap,
  body:not(.home) .aras-header-wrap,
  .aras-header-wrap.is-scrolled,
  body:not(.home) .aras-header-wrap.is-scrolled{
    top:52px !important;
  }

  /* حذف مربع قرمز/صورتی دکمه همبرگری */
  .aras-menu-btn{
    width:48px !important;
    height:48px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.92) !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.38) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95) !important;
    backdrop-filter:blur(16px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  }

  .aras-menu-btn span{
    background:#1d314a !important;
  }
}

/* کاربران لاگین‌شده در موبایل */
@media(max-width:782px){
  body.admin-bar .aras-top-static{
    top:56px !important;
  }

  body.admin-bar .aras-header-wrap,
  body.admin-bar .aras-header-wrap.is-scrolled,
  body.admin-bar:not(.home) .aras-header-wrap,
  body.admin-bar:not(.home) .aras-header-wrap.is-scrolled{
    top:98px !important;
  }
}

/* ===== v1.5 — موبایل: آدرس‌بار مستقل و غیرچسبان ===== */
@media(max-width:1100px){
  body.home .aras-top-static{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    left:10px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }

  body.home .aras-header-wrap{
    top:52px !important;
  }

  body.home .aras-header-wrap.is-scrolled{
    top:10px !important;
  }

  body.home #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }
}

@media(max-width:782px){
  body.admin-bar.home .aras-top-static{
    top:56px !important;
  }

  body.admin-bar.home .aras-header-wrap{
    top:98px !important;
  }

  body.admin-bar.home .aras-header-wrap.is-scrolled{
    top:56px !important;
  }
}


/* ===== v1.6 — مرتب‌سازی منو و زیرمنوی موبایل ===== */

@media(max-width:1100px){

  .aras-nav{
    max-height:calc(100vh - 150px) !important;
    overflow-y:auto !important;
    padding:10px !important;
    gap:4px !important;
  }

  .aras-nav-item{
    width:100% !important;
  }

  /* متن و فلش کنار هم قرار بگیرند، نه در دو سر منو */
  .aras-nav-link{
    min-height:50px !important;
    padding:0 18px !important;
    justify-content:flex-start !important;
    gap:12px !important;
    text-align:right !important;
  }

  .aras-nav-link .aras-chevron{
    flex:0 0 8px !important;
    margin:0 !important;
  }

  /* زیرمنو فقط هنگام بازشدن دیده شود */
  .aras-submenu{
    display:none !important;
    width:calc(100% - 16px) !important;
    margin:6px 8px 10px !important;
    padding:6px !important;
    background:rgba(255,255,255,.82) !important;
    border:1px solid rgba(255,255,255,.96) !important;
    border-radius:16px !important;
    backdrop-filter:blur(24px) saturate(130%) !important;
    -webkit-backdrop-filter:blur(24px) saturate(130%) !important;
  }

  .aras-nav-item.is-open > .aras-submenu{
    display:block !important;
  }

  .aras-submenu a{
    min-height:45px !important;
    padding:0 16px !important;
    justify-content:flex-start !important;
    text-align:right !important;
    font-size:14px !important;
  }

  .aras-submenu a + a{
    border-top:1px solid rgba(29,49,74,.08) !important;
  }

  .aras-submenu-small{
    width:calc(100% - 16px) !important;
  }

  /* خانه و دکمه نمایندگی هم با بقیه منو هم‌تراز باشند */
  .aras-nav > .aras-nav-link,
  .aras-mobile-agency-btn{
    width:100% !important;
  }
}


/* ===== v1.7 — تراز مرکزی واقعی زیرمنوی موبایل ===== */

@media(max-width:1100px){

  .aras-nav-item{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
  }

  .aras-submenu,
  .aras-submenu-small{
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;

    width:calc(100% - 24px) !important;
    max-width:calc(100% - 24px) !important;

    margin:8px auto 12px !important;
    padding:6px !important;

    box-sizing:border-box !important;
    float:none !important;
  }

  .aras-nav-item.is-open > .aras-submenu,
  .aras-nav-item.is-open > .aras-submenu-small{
    display:block !important;
  }

  .aras-submenu a{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }
}

/* ===== v2.0 compatibility: externally hosted social icons ===== */
.aras-social .aras-social-icon{display:block;width:17px;height:17px;object-fit:contain}

.aras-call-btn .aras-call-icon-img{
  display:block;
  width:21px;
  height:21px;
  object-fit:contain;
}


/* ===== v2.3 — آدرس‌بار در تمام صفحات + سوشال در موبایل ===== */

/* دسکتاپ: نوار اطلاعات در تمام صفحات نمایش داده شود */
body .aras-top-static{
  display:block !important;
}

/* تمام صفحات، قبل از اسکرول: هدر زیر نوار اطلاعات قرار بگیرد */
body .aras-header-wrap{
  top:56px !important;
}

/* بعد از اسکرول فقط هدر اصلی بالا بماند */
body .aras-header-wrap.is-scrolled{
  top:12px !important;
}

/* نوار اطلاعات در دسکتاپ با اسکرول محو شود */
body #aras-glass-header-root.aras-has-scrolled .aras-top-static{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(-14px) !important;
}

/* کاربران لاگین‌شده دسکتاپ */
body.admin-bar .aras-top-static{
  top:44px !important;
}

body.admin-bar .aras-header-wrap{
  top:88px !important;
}

body.admin-bar .aras-header-wrap.is-scrolled{
  top:44px !important;
}


/* موبایل و تبلت */
@media(max-width:1100px){

  /* نوار بالا در موبایل نمایش داده شود */
  body .aras-top-static{
    display:block !important;
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    left:10px !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    pointer-events:auto !important;
  }

  /* در موبایل آدرس و جداکننده حذف شود */
  body #aras-glass-header-root .aras-address,
  body #aras-glass-header-root .aras-divider{
    display:none !important;
  }

  /* شماره تماس یک سمت */
  body #aras-glass-header-root .aras-top-contact{
    display:flex !important;
    width:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    padding:0 12px !important;
    font-size:12px !important;
    justify-content:center !important;
  }

  /* آیکون‌های شبکه اجتماعی سمت دیگر */
  body #aras-glass-header-root .aras-social{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
    height:32px !important;
    padding:0 10px !important;
    gap:9px !important;
  }

  body #aras-glass-header-root .aras-social a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:17px !important;
    height:17px !important;
  }

  body #aras-glass-header-root .aras-social img,
  body #aras-glass-header-root .aras-social .aras-social-icon,
  body #aras-glass-header-root .aras-social svg{
    display:block !important;
    width:17px !important;
    height:17px !important;
    max-width:17px !important;
    object-fit:contain !important;
  }

  body #aras-glass-header-root .aras-topbar{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
  }

  /* هدر زیر نوار بالا شروع شود */
  body .aras-header-wrap{
    top:52px !important;
  }

  /* بعد از اسکرول، فقط هدر بچسبد */
  body .aras-header-wrap.is-scrolled{
    top:10px !important;
  }

  /* نوار بالا در موبایل با صفحه بالا برود و ثابت نماند */
  body #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }
}

/* کاربران لاگین‌شده موبایل */
@media(max-width:782px){
  body.admin-bar .aras-top-static{
    top:56px !important;
  }

  body.admin-bar .aras-header-wrap{
    top:98px !important;
  }

  body.admin-bar .aras-header-wrap.is-scrolled{
    top:56px !important;
  }
}


/* ===== v2.4 — اصلاح جای نوار اطلاعات و نمایش کامل شماره‌ها ===== */

/* دسکتاپ: نوار اطلاعات کاملاً بالای هدر و هم‌راستا با آن */
@media(min-width:1101px){

  body .aras-top-static{
    display:block !important;
    position:fixed !important;
    top:12px !important;
    right:26px !important;
    left:26px !important;
    height:34px !important;
    z-index:100002 !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  body .aras-topbar{
    width:100% !important;
    height:34px !important;
    margin:0 !important;
    padding:0 !important;
    align-items:center !important;
  }

  body .aras-header-wrap{
    top:54px !important;
  }

  body .aras-header-wrap.is-scrolled{
    top:12px !important;
  }

  body.admin-bar .aras-top-static{
    top:44px !important;
  }

  body.admin-bar .aras-header-wrap{
    top:86px !important;
  }

  body.admin-bar .aras-header-wrap.is-scrolled{
    top:44px !important;
  }
}

/* v3.0.28 — inner pages only: remove the outer gray header shell. */
body:not(.home) #aras-glass-header-root .aras-glass-header,
body:not(.home) #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-glass-header{
  background:transparent !important;
  background-image:none !important;
  border-color:transparent !important;
  box-shadow:none !important;
}


/* موبایل: سوشال سمت چپ، شماره تماس کامل و بدون بریدگی سمت راست */
@media(max-width:1100px){

  body .aras-top-static{
    display:block !important;
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    left:10px !important;
    height:32px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body #aras-glass-header-root .aras-topbar{
    width:100% !important;
    height:32px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    direction:ltr !important;
  }

  /* سوشال */
  body #aras-glass-header-root .aras-social{
    order:1 !important;
    display:flex !important;
    flex:0 0 auto !important;
    min-width:max-content !important;
    height:32px !important;
    padding:0 10px !important;
    gap:9px !important;
    direction:ltr !important;
  }

  /* تماس */
  body #aras-glass-header-root .aras-top-contact{
    order:2 !important;
    display:flex !important;
    flex:1 1 0 !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:32px !important;
    padding:0 12px !important;
    gap:0 !important;
    justify-content:center !important;
    direction:rtl !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }

  body #aras-glass-header-root .aras-top-contact a{
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
  }

  body #aras-glass-header-root .aras-top-contact a span:last-child{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    overflow:visible !important;
    text-overflow:clip !important;
    white-space:nowrap !important;
    font-size:10.5px !important;
    line-height:1 !important;
    letter-spacing:-.15px !important;
  }

  body #aras-glass-header-root .aras-address,
  body #aras-glass-header-root .aras-divider{
    display:none !important;
  }

  body .aras-header-wrap{
    top:52px !important;
  }

  body .aras-header-wrap.is-scrolled{
    top:10px !important;
  }
}

/* گوشی‌های باریک‌تر */
@media(max-width:520px){
  body #aras-glass-header-root .aras-social{
    padding:0 8px !important;
    gap:7px !important;
  }

  body #aras-glass-header-root .aras-social a,
  body #aras-glass-header-root .aras-social img,
  body #aras-glass-header-root .aras-social svg{
    width:16px !important;
    height:16px !important;
  }

  body #aras-glass-header-root .aras-top-contact{
    padding:0 8px !important;
  }

  body #aras-glass-header-root .aras-top-contact a span:last-child{
    font-size:9.5px !important;
    letter-spacing:-.25px !important;
  }
}


/* ===== v2.5 — فاصله بهتر آیکون‌ها و شماره خواناتر در موبایل ===== */

@media(max-width:1100px){

  body #aras-glass-header-root .aras-topbar{
    gap:12px !important;
  }

  /* باکس سوشال کمی بازتر */
  body #aras-glass-header-root .aras-social{
    min-width:172px !important;
    padding:0 13px !important;
    gap:12px !important;
    justify-content:center !important;
  }

  body #aras-glass-header-root .aras-social a{
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
  }

  body #aras-glass-header-root .aras-social img,
  body #aras-glass-header-root .aras-social .aras-social-icon,
  body #aras-glass-header-root .aras-social svg{
    width:18px !important;
    height:18px !important;
    max-width:18px !important;
  }

  /* شماره تماس بزرگ‌تر و خواناتر */
  body #aras-glass-header-root .aras-top-contact{
    padding:0 14px !important;
  }

  body #aras-glass-header-root .aras-top-contact a span:last-child{
    font-size:12px !important;
    font-weight:500 !important;
    letter-spacing:-.05px !important;
  }
}

@media(max-width:520px){

  body #aras-glass-header-root .aras-topbar{
    gap:10px !important;
  }

  body #aras-glass-header-root .aras-social{
    min-width:168px !important;
    padding:0 12px !important;
    gap:11px !important;
  }

  body #aras-glass-header-root .aras-social a,
  body #aras-glass-header-root .aras-social img,
  body #aras-glass-header-root .aras-social svg{
    width:17px !important;
    height:17px !important;
  }

  body #aras-glass-header-root .aras-top-contact{
    padding:0 10px !important;
  }

  body #aras-glass-header-root .aras-top-contact a span:last-child{
    font-size:11px !important;
    font-weight:500 !important;
    letter-spacing:-.1px !important;
  }
}

@media(max-width:390px){

  body #aras-glass-header-root .aras-social{
    min-width:154px !important;
    padding:0 10px !important;
    gap:9px !important;
  }

  body #aras-glass-header-root .aras-top-contact a span:last-child{
    font-size:10.5px !important;
  }
}


/* ===== v2.6 — فیکس‌کردن تراز آیکون‌های سوشال داخل کادر موبایل ===== */

@media(max-width:1100px){

  body #aras-glass-header-root .aras-social{
    display:grid !important;
    grid-template-columns:repeat(4, 20px) !important;
    align-items:center !important;
    justify-content:center !important;
    column-gap:12px !important;

    min-width:176px !important;
    height:32px !important;
    padding:0 12px !important;

    line-height:1 !important;
    overflow:hidden !important;
  }

  body #aras-glass-header-root .aras-social a{
    width:20px !important;
    height:20px !important;
    min-width:20px !important;
    min-height:20px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;

    transform:none !important;
  }

  body #aras-glass-header-root .aras-social a:hover{
    transform:none !important;
  }

  body #aras-glass-header-root .aras-social img,
  body #aras-glass-header-root .aras-social .aras-social-icon,
  body #aras-glass-header-root .aras-social svg{
    display:block !important;
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    min-height:17px !important;
    max-width:17px !important;
    max-height:17px !important;

    margin:0 auto !important;
    padding:0 !important;
    object-fit:contain !important;
    vertical-align:middle !important;
  }
}

@media(max-width:390px){
  body #aras-glass-header-root .aras-social{
    grid-template-columns:repeat(4, 19px) !important;
    column-gap:10px !important;
    min-width:166px !important;
    padding:0 10px !important;
  }

  body #aras-glass-header-root .aras-social a{
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    min-height:19px !important;
  }

  body #aras-glass-header-root .aras-social img,
  body #aras-glass-header-root .aras-social .aras-social-icon,
  body #aras-glass-header-root .aras-social svg{
    width:16px !important;
    height:16px !important;
    min-width:16px !important;
    min-height:16px !important;
    max-width:16px !important;
    max-height:16px !important;
  }
}


/* ===== v2.7 — کادر سوشال موبایل فیت محتوا مثل دسکتاپ ===== */

@media(max-width:1100px){
  body #aras-glass-header-root .aras-social{
    width:max-content !important;
    min-width:0 !important;
    max-width:none !important;
    grid-template-columns:repeat(4,20px) !important;
    column-gap:11px !important;
    padding:0 9px !important;
    justify-content:center !important;
  }
}

@media(max-width:390px){
  body #aras-glass-header-root .aras-social{
    width:max-content !important;
    min-width:0 !important;
    grid-template-columns:repeat(4,19px) !important;
    column-gap:9px !important;
    padding:0 8px !important;
  }
}

/* ===== v2.8 — فیکس رنگ منو در تمام صفحات ===== */

#aras-glass-header-root .aras-nav-link,
#aras-glass-header-root .aras-nav-link:link,
#aras-glass-header-root .aras-nav-link:visited{
  color:#172033 !important;
  -webkit-text-fill-color:#172033 !important;
}

#aras-glass-header-root .aras-nav-link:hover,
#aras-glass-header-root .aras-nav-link:focus,
#aras-glass-header-root .aras-nav-link.is-active,
#aras-glass-header-root .aras-nav-item:focus-within > .aras-nav-link{
  color:#2a2026 !important;
  -webkit-text-fill-color:#2a2026 !important;
}

#aras-glass-header-root .aras-submenu a,
#aras-glass-header-root .aras-submenu a:link,
#aras-glass-header-root .aras-submenu a:visited{
  color:#263247 !important;
  -webkit-text-fill-color:#263247 !important;
}

#aras-glass-header-root .aras-submenu a:hover,
#aras-glass-header-root .aras-submenu a:focus{
  color:#b40018 !important;
  -webkit-text-fill-color:#b40018 !important;
}


/* ===== v2.9 — آیتم فعال منو + وزن ثابت فونت + اصلاح Chrome iPhone ===== */

/* جلوگیری از کوچک‌کردن خودکار متن توسط WebKit/Chrome روی iPhone */
#aras-glass-header-root{
  -webkit-text-size-adjust:100% !important;
  text-size-adjust:100% !important;
  font-synthesis:weight !important;
}

/* وزن فونت هدر در تمام صفحات ثابت بماند */
#aras-glass-header-root .aras-nav-link{
  font-weight:600 !important;
}

#aras-glass-header-root .aras-submenu a{
  font-weight:600 !important;
}

#aras-glass-header-root .aras-top-contact,
#aras-glass-header-root .aras-top-contact a,
#aras-glass-header-root .aras-address{
  font-weight:500 !important;
}

/* آیتم صفحه فعلی: همان کادر صفحه خانه + متن قرمز */
#aras-glass-header-root .aras-nav-link.is-active,
#aras-glass-header-root .aras-nav-link.is-active:link,
#aras-glass-header-root .aras-nav-link.is-active:visited{
  color:#cf0023 !important;
  -webkit-text-fill-color:#cf0023 !important;
  background:rgba(255,225,231,.72) !important;
  border-color:rgba(255,255,255,.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 8px 20px rgba(207,0,35,.08) !important;
}

/* آیتم فعال روی هاور هم قرمز بماند */
#aras-glass-header-root .aras-nav-link.is-active:hover,
#aras-glass-header-root .aras-nav-link.is-active:focus{
  color:#cf0023 !important;
  -webkit-text-fill-color:#cf0023 !important;
}

/* موبایل / Chrome iPhone */
@media(max-width:1100px){
  #aras-glass-header-root .aras-nav-link{
    font-size:15px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
  }

  #aras-glass-header-root .aras-submenu a{
    font-size:14.5px !important;
    font-weight:600 !important;
    line-height:1.4 !important;
  }

  #aras-glass-header-root .aras-top-contact{
    font-size:12.5px !important;
    font-weight:500 !important;
  }

  #aras-glass-header-root .aras-top-contact a span:last-child{
    font-size:12.5px !important;
    font-weight:500 !important;
    line-height:1.15 !important;
  }

  #aras-glass-header-root .aras-mobile-agency-btn{
    font-size:15px !important;
    font-weight:700 !important;
  }
}

@media(max-width:520px){
  #aras-glass-header-root .aras-top-contact a span:last-child{
    font-size:12px !important;
  }
}

@media(max-width:390px){
  #aras-glass-header-root .aras-top-contact a span:last-child{
    font-size:11.5px !important;
  }
}


/* ===== v2.9.2 — رفع فعال‌شدن اشتباه منو + وزن یکسان واقعی‌تر ===== */

/* فونت و وزن منوی هدر در تمام قالب‌ها/صفحات با اولویت بالا یکسان بماند */
html body #aras-glass-header-root .aras-nav,
html body #aras-glass-header-root .aras-nav-item,
html body #aras-glass-header-root .aras-nav-link,
html body #aras-glass-header-root .aras-nav-link:link,
html body #aras-glass-header-root .aras-nav-link:visited,
html body #aras-glass-header-root .aras-submenu,
html body #aras-glass-header-root .aras-submenu a,
html body #aras-glass-header-root .aras-submenu a:link,
html body #aras-glass-header-root .aras-submenu a:visited{
  font-family:"YekanBakh",Tahoma,Arial,sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;
}

/* فقط آیتم واقعی صفحه فعلی قرمز و کادردار باشد */
html body #aras-glass-header-root .aras-nav-link.is-active,
html body #aras-glass-header-root .aras-nav-link.is-active:link,
html body #aras-glass-header-root .aras-nav-link.is-active:visited{
  color:#cf0023 !important;
  -webkit-text-fill-color:#cf0023 !important;
  background:rgba(255,225,231,.72) !important;
  border:1px solid rgba(255,255,255,.95) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 8px 20px rgba(207,0,35,.08) !important;
}

/* آیتم غیرفعال هیچ کادر/قرمزی از صفحات دیگر نگیرد */
html body #aras-glass-header-root .aras-nav-link:not(.is-active),
html body #aras-glass-header-root .aras-nav-link:not(.is-active):link,
html body #aras-glass-header-root .aras-nav-link:not(.is-active):visited{
  color:#172033 !important;
  -webkit-text-fill-color:#172033 !important;
}

/* درباره ما و تماس با ما و سایر لینک‌های ساده هم دقیقاً همان وزن را داشته باشند */
html body #aras-glass-header-root .aras-nav > a.aras-nav-link{
  font-weight:700 !important;
}

/* موبایل نیز وزن ثابت */
@media(max-width:1100px){
  html body #aras-glass-header-root .aras-nav-link,
  html body #aras-glass-header-root .aras-submenu a{
    font-family:"YekanBakh",Tahoma,Arial,sans-serif !important;
    font-weight:700 !important;
  }
}


/* ============================================================
 * v3.0.0 — Aras New Design Language
 * clean white surfaces / fully rounded borders / no gradients
 * ============================================================ */

#aras-glass-header-root{
  --aras-red:#E11B25 !important;
  --aras-red-dark:#BE111A !important;
  --aras-navy:#203746 !important;
  --aras-ink:#1D252C !important;
  --aras-muted:#7A858C !important;
  --aras-line:#DCE2E5 !important;
  --aras-soft:#F4F6F7 !important;
  --aras-radius:999px !important;
  font-family:"YekanBakh",Tahoma,Arial,sans-serif !important;
}

/* utility pills */
.aras-top-contact,
.aras-social{
  height:38px !important;
  color:var(--aras-navy) !important;
  background:#fff !important;
  border:1px solid var(--aras-line) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.aras-top-contact{
  min-width:0 !important;
  padding:0 16px !important;
  gap:11px !important;
  font-size:12px !important;
  font-weight:500 !important;
}

.aras-divider{
  height:16px !important;
  background:var(--aras-line) !important;
}

.aras-social{
  padding:0 13px !important;
  gap:11px !important;
}

.aras-social a{
  width:24px !important;
  height:24px !important;
  color:var(--aras-navy) !important;
  border-radius:999px !important;
}

.aras-social a:hover{
  background:var(--aras-soft) !important;
  opacity:1 !important;
}

/* main header */
.aras-glass-header{
  height:76px !important;
  padding:10px 12px 10px 18px !important;
  border:1px solid var(--aras-line) !important;
  border-radius:30px !important;
  background:#fff !important;
  background-image:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 10px 30px rgba(32,55,70,.055) !important;
}

/* logo */
.aras-logo{
  min-height:52px !important;
  border-radius:999px !important;
}
.aras-logo img{
  width:205px !important;
  max-width:100% !important;
}

/* nav = fully rounded pill language */
.aras-nav{
  gap:3px !important;
}

.aras-nav-link{
  min-height:48px !important;
  padding:0 15px !important;
  color:var(--aras-ink) !important;
  border:1px solid transparent !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:600 !important;
  box-shadow:none !important;
}

.aras-nav-link:hover,
.aras-nav-link.is-active,
.aras-nav-item:focus-within>.aras-nav-link{
  color:var(--aras-navy) !important;
  background:var(--aras-soft) !important;
  border-color:var(--aras-line) !important;
  box-shadow:none !important;
}

/* actions */
.aras-call-btn,
.aras-agency-btn{
  height:50px !important;
  border-radius:999px !important;
  box-shadow:none !important;
}

.aras-call-btn{
  width:50px !important;
  color:var(--aras-navy) !important;
  background:#fff !important;
  border:1px solid var(--aras-line) !important;
}

.aras-call-btn:hover{
  background:var(--aras-soft) !important;
  transform:translateY(-1px) !important;
  box-shadow:none !important;
}

.aras-agency-btn{
  min-width:190px !important;
  padding:0 25px !important;
  color:#fff !important;
  background:var(--aras-red) !important;
  border:1px solid var(--aras-red) !important;
  font-size:14px !important;
  font-weight:700 !important;
}

.aras-agency-btn:hover{
  color:#fff !important;
  background:var(--aras-red-dark) !important;
  border-color:var(--aras-red-dark) !important;
  transform:translateY(-1px) !important;
  box-shadow:none !important;
}

/* dropdowns */
.aras-submenu{
  top:calc(100% + 12px) !important;
  width:240px !important;
  padding:7px !important;
  background:#fff !important;
  background-image:none !important;
  border:1px solid var(--aras-line) !important;
  border-radius:24px !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:0 14px 34px rgba(32,55,70,.08) !important;
}

.aras-submenu a{
  min-height:46px !important;
  border-radius:999px !important;
  color:var(--aras-ink) !important;
  border:1px solid transparent !important;
  font-size:13px !important;
}

.aras-submenu a+a{
  border-top-color:transparent !important;
}

.aras-submenu a:hover,
.aras-submenu a:focus{
  color:var(--aras-navy) !important;
  background:var(--aras-soft) !important;
  border-color:var(--aras-line) !important;
}

/* scroll state keeps same visual language */
.aras-header-wrap.is-scrolled .aras-glass-header{
  height:68px !important;
  border-radius:28px !important;
  box-shadow:0 9px 26px rgba(32,55,70,.06) !important;
}

.aras-header-wrap.is-scrolled .aras-logo img{
  width:190px !important;
}

/* mobile menu trigger */
.aras-menu-btn{
  width:50px !important;
  height:50px !important;
  border:1px solid var(--aras-line) !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:none !important;
}

.aras-menu-btn:hover{
  background:var(--aras-soft) !important;
}

/* Mobile */
@media(max-width:1100px){
  .aras-glass-header{
    height:70px !important;
    padding:9px 10px !important;
    border-radius:28px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:185px !important;
    max-width:57vw !important;
  }

  .aras-nav{
    top:80px !important;
    right:0 !important;
    left:0 !important;
    gap:4px !important;
    padding:9px !important;
    background:#fff !important;
    border:1px solid var(--aras-line) !important;
    border-radius:28px !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    box-shadow:0 14px 34px rgba(32,55,70,.08) !important;
  }

  .aras-nav-link{
    min-height:48px !important;
    padding:0 16px !important;
    border-radius:999px !important;
  }

  .aras-submenu{
    margin:5px 0 8px !important;
    padding:6px !important;
    border:1px solid var(--aras-line) !important;
    border-radius:22px !important;
    background:var(--aras-soft) !important;
    box-shadow:none !important;
  }

  .aras-submenu a{
    min-height:44px !important;
    border-radius:999px !important;
    background:#fff !important;
    border-color:var(--aras-line) !important;
  }

  .aras-mobile-agency-btn{
    border-radius:999px !important;
    background:var(--aras-red) !important;
    color:#fff !important;
    border:1px solid var(--aras-red) !important;
    box-shadow:none !important;
  }
}

@media(max-width:520px){
  .aras-header-wrap,
  body:not(.home) .aras-header-wrap{
    padding:0 12px !important;
  }

  .aras-glass-header{
    border-radius:26px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:165px !important;
    max-width:58vw !important;
  }

  .aras-menu-btn{
    width:48px !important;
    height:48px !important;
  }

  .aras-nav{
    border-radius:26px !important;
  }
}

/* Ensure every visible border-based header component follows the new rounded language */
#aras-glass-header-root a,
#aras-glass-header-root button,
#aras-glass-header-root .aras-submenu,
#aras-glass-header-root .aras-top-contact,
#aras-glass-header-root .aras-social{
  -webkit-tap-highlight-color:transparent;
}


/* ============================================================
 * v3.0.1 — final visual corrections
 * new Aras SVG / dark socials / full pill header / red unification
 * ============================================================ */

#aras-glass-header-root{
  --aras-red:#E11B25 !important;
  --aras-red-dark:#BE111A !important;
}

/* Full-pill main header, matching CTA language */
.aras-glass-header{
  border-radius:999px !important;
}

/* Keep pill shape in scrolled state */
.aras-header-wrap.is-scrolled .aras-glass-header{
  border-radius:999px !important;
}

/* New supplied Aras SVG */
.aras-logo img{
  width:218px !important;
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Social icons must stay dark on the light utility pill */
.aras-social,
.aras-social a,
.aras-social svg,
.aras-social .aras-social-icon{
  color:var(--aras-navy) !important;
}

.aras-social img.aras-social-icon{
  filter:brightness(0) saturate(100%) invert(19%) sepia(17%) saturate(1057%) hue-rotate(160deg) brightness(93%) contrast(89%) !important;
  opacity:1 !important;
}

/* All header red text/active red accents use the new Aras red */
#aras-glass-header-root .aras-red,
#aras-glass-header-root [style*="#cf0023"],
#aras-glass-header-root [style*="#CF0023"],
#aras-glass-header-root [style*="#b40018"],
#aras-glass-header-root [style*="#B40018"]{
  color:#E11B25 !important;
}

.aras-submenu a:hover,
.aras-submenu a:focus,
.aras-nav-link.is-active{
  color:#E11B25 !important;
}

/* Chevron and other currentColor accents inherit consistent active red */
.aras-nav-link.is-active .aras-chevron{
  color:#E11B25 !important;
}

/* Mobile keeps the same fully-rounded border language */
@media(max-width:1100px){
  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    border-radius:999px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:190px !important;
  }
}

@media(max-width:520px){
  .aras-glass-header{
    border-radius:999px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:168px !important;
  }
}


/* ============================================================
 * v3.0.2 — logo scale + left action spacing
 * ============================================================ */

/* Restore logo visual scale to the previous header proportion */
.aras-logo img{
  width:205px !important;
}

/* Main header uses equal vertical and outer-left breathing room.
   LTR action group means its physical left edge is the call button. */
.aras-glass-header{
  padding-left:10px !important;
  padding-right:12px !important;
}

.aras-actions{
  margin-left:0 !important;
}

/* Keep the call control exactly inset by the same 10px as top/bottom */
.aras-call-btn{
  margin-left:0 !important;
}

/* Scrolled desktop logo keeps the earlier compact scale */
.aras-header-wrap.is-scrolled .aras-logo img{
  width:190px !important;
}

@media(max-width:1100px){
  .aras-glass-header{
    padding:9px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:185px !important;
  }
}

@media(max-width:520px){
  .aras-glass-header{
    padding:9px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:165px !important;
  }
}


/* ============================================================
 * v3.0.3 — compact centered header proportions
 * reference-inspired max width + supplied logo
 * ============================================================ */

/* The top utility row and header now share one centered visual width */
body.home .aras-top-static{
  right:50% !important;
  left:auto !important;
  width:min(1480px,calc(100vw - 80px)) !important;
  transform:translateX(50%) !important;
}

body.home #aras-glass-header-root.aras-has-scrolled .aras-top-static{
  transform:translate(50%,-14px) !important;
}

.aras-header-wrap{
  padding:0 !important;
}

.aras-glass-header{
  width:min(1480px,calc(100vw - 80px)) !important;
  max-width:none !important;
  height:68px !important;
  min-height:68px !important;
  padding:8px 9px 8px 14px !important;
  border-radius:999px !important;
  box-shadow:0 8px 24px rgba(32,55,70,.05) !important;
}

/* slightly tighter overall proportions */
@media(min-width:1101px){
  .aras-glass-header{
    grid-template-columns:230px minmax(480px,1fr) 230px !important;
    column-gap:14px !important;
  }

  .aras-logo img{
    width:190px !important;
  }

  .aras-nav{
    gap:1px !important;
  }

  .aras-nav-link{
    min-height:44px !important;
    padding:0 13px !important;
    font-size:13px !important;
  }

  .aras-call-btn,
  .aras-agency-btn{
    height:46px !important;
  }

  .aras-call-btn{
    width:46px !important;
  }

  .aras-agency-btn{
    min-width:175px !important;
    padding:0 20px !important;
    font-size:13px !important;
  }
}

/* utility pills scale with the compact header */
.aras-topbar{
  height:32px !important;
}

.aras-top-contact,
.aras-social{
  height:32px !important;
}

.aras-top-contact{
  padding:0 14px !important;
  font-size:11px !important;
}

.aras-social{
  padding:0 11px !important;
  gap:8px !important;
}

.aras-social a{
  width:22px !important;
  height:22px !important;
}

/* compact scroll state */
.aras-header-wrap.is-scrolled .aras-glass-header{
  height:62px !important;
  min-height:62px !important;
  width:min(1420px,calc(100vw - 60px)) !important;
  box-shadow:0 7px 20px rgba(32,55,70,.055) !important;
}

.aras-header-wrap.is-scrolled .aras-logo img{
  width:178px !important;
}

/* tighter desktop vertical positioning */
body.home .aras-header-wrap{
  top:52px !important;
}

body.home .aras-header-wrap.is-scrolled{
  top:10px !important;
}

body:not(.home) .aras-header-wrap{
  top:10px !important;
}

.aras-header-page-spacer{
  height:88px !important;
}

/* mobile/tablet remain edge-safe but visually compact */
@media(max-width:1100px){
  .aras-header-wrap,
  body:not(.home) .aras-header-wrap{
    padding:0 12px !important;
  }

  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    width:100% !important;
    max-width:100% !important;
    height:64px !important;
    min-height:64px !important;
    padding:7px 8px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:170px !important;
  }

  .aras-menu-btn{
    width:46px !important;
    height:46px !important;
  }

  .aras-nav{
    top:74px !important;
  }
}

@media(max-width:520px){
  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:152px !important;
  }
}


/* ============================================================
 * v3.0.4 — section-width alignment + compact controls
 * ============================================================ */

#aras-glass-header-root{
  --aras-shell:1180px;
  --aras-control-h:36px;
}

/* Desktop: exact same visual width as the main content sections */
@media(min-width:1101px){

  body.home .aras-top-static{
    top:10px !important;
    right:50% !important;
    left:auto !important;
    width:min(var(--aras-shell),calc(100vw - 48px)) !important;
    transform:translateX(50%) !important;
  }

  body.home #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    transform:translate(50%,-12px) !important;
  }

  .aras-topbar{
    width:100% !important;
    height:30px !important;
  }

  .aras-top-contact,
  .aras-social{
    height:30px !important;
    min-height:30px !important;
  }

  .aras-top-contact{
    padding:0 12px !important;
    font-size:10.5px !important;
  }

  .aras-social{
    padding:0 9px !important;
    gap:7px !important;
  }

  .aras-social a{
    width:20px !important;
    height:20px !important;
  }

  .aras-header-wrap,
  body:not(.home) .aras-header-wrap{
    padding:0 !important;
  }

  body.home .aras-header-wrap{
    top:48px !important;
  }

  body.home .aras-header-wrap.is-scrolled,
  body:not(.home) .aras-header-wrap{
    top:10px !important;
  }

  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    width:min(var(--aras-shell),calc(100vw - 48px)) !important;
    max-width:none !important;
    height:56px !important;
    min-height:56px !important;
    padding:9px !important;
    border-radius:999px !important;
    display:grid !important;
    grid-template-columns:190px minmax(420px,1fr) 190px !important;
    column-gap:12px !important;
    align-items:center !important;
    box-shadow:0 7px 20px rgba(32,55,70,.045) !important;
  }

  .aras-logo{
    min-height:var(--aras-control-h) !important;
    height:var(--aras-control-h) !important;
    display:flex !important;
    align-items:center !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:172px !important;
    max-height:34px !important;
    object-fit:contain !important;
  }

  .aras-nav{
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
  }

  .aras-nav-item{
    height:var(--aras-control-h) !important;
    align-items:center !important;
  }

  .aras-nav-link{
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:12px !important;
    line-height:1 !important;
  }

  .aras-actions{
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
    align-items:center !important;
    gap:8px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .aras-call-btn,
  .aras-agency-btn{
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }

  .aras-call-btn{
    width:var(--aras-control-h) !important;
    min-width:var(--aras-control-h) !important;
  }

  .aras-call-btn svg{
    width:16px !important;
    height:16px !important;
  }

  .aras-agency-btn{
    min-width:145px !important;
    padding:0 18px !important;
    font-size:12px !important;
    line-height:1 !important;
  }

  /* physical left spacing of call button equals top/bottom header inset */
  .aras-actions{
    justify-self:start !important;
  }

  /* Keep utility pills locked to the exact same left/right limits */
  .aras-top-contact{
    margin-right:0 !important;
  }

  .aras-social{
    margin-left:0 !important;
  }

  .aras-header-page-spacer{
    height:76px !important;
  }
}

/* Tablet/mobile remain compact and vertically centered */
@media(max-width:1100px){

  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    height:58px !important;
    min-height:58px !important;
    padding:8px !important;
  }

  .aras-menu-btn{
    width:40px !important;
    height:40px !important;
  }

  .aras-logo{
    min-height:40px !important;
    display:flex !important;
    align-items:center !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:160px !important;
    max-height:36px !important;
    object-fit:contain !important;
  }

  .aras-nav{
    top:68px !important;
  }

  .aras-nav-link{
    min-height:40px !important;
    height:40px !important;
    align-items:center !important;
  }
}

@media(max-width:520px){
  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:148px !important;
  }
}


/* ============================================================
 * v3.0.5 — true centered nav + circular call + utility alignment
 * ============================================================ */

#aras-glass-header-root{
  --aras-shell:1180px;
  --aras-header-h:56px;
  --aras-header-inset:9px;
  --aras-control-h:38px;
}

/* Same utility alignment on ALL desktop pages, not Home only */
@media(min-width:1101px){

  .aras-top-static,
  body.home .aras-top-static,
  body:not(.home) .aras-top-static{
    display:block !important;
    position:fixed !important;
    top:10px !important;
    right:50% !important;
    left:auto !important;
    width:min(var(--aras-shell),calc(100vw - 48px)) !important;
    transform:translateX(50%) !important;
    z-index:100002 !important;
  }

  #aras-glass-header-root.aras-has-scrolled .aras-top-static,
  body.home #aras-glass-header-root.aras-has-scrolled .aras-top-static,
  body:not(.home) #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(50%,-12px) !important;
  }

  .aras-header-wrap,
  body.home .aras-header-wrap,
  body:not(.home) .aras-header-wrap{
    top:48px !important;
    padding:0 !important;
  }

  .aras-header-wrap.is-scrolled,
  body.home .aras-header-wrap.is-scrolled,
  body:not(.home) .aras-header-wrap.is-scrolled{
    top:10px !important;
  }

  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    position:relative !important;
    width:min(var(--aras-shell),calc(100vw - 48px)) !important;
    max-width:none !important;
    height:var(--aras-header-h) !important;
    min-height:var(--aras-header-h) !important;
    padding:var(--aras-header-inset) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
  }

  /* Logo is pinned to the physical right and no longer influences nav centering */
  .aras-logo{
    position:absolute !important;
    right:var(--aras-header-inset) !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:auto !important;
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
    margin:0 !important;
    justify-content:flex-start !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:172px !important;
    max-height:34px !important;
    object-fit:contain !important;
  }

  /* Nav is mathematically centered in the header */
  .aras-nav{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%) !important;
    width:auto !important;
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:2px !important;
    grid-column:auto !important;
  }

  .aras-nav-item,
  .aras-nav-link{
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
  }

  .aras-nav-link{
    padding:0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }

  /* Actions pinned to physical left with exact equal inset */
  .aras-actions{
    position:absolute !important;
    left:var(--aras-header-inset) !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    direction:ltr !important;
  }

  /* Perfect circle */
  .aras-call-btn{
    width:var(--aras-control-h) !important;
    min-width:var(--aras-control-h) !important;
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:50% !important;
    aspect-ratio:1/1 !important;
    flex:0 0 var(--aras-control-h) !important;
    display:grid !important;
    place-items:center !important;
  }

  .aras-call-btn svg{
    width:16px !important;
    height:16px !important;
    margin:0 !important;
  }

  .aras-agency-btn{
    height:var(--aras-control-h) !important;
    min-height:var(--aras-control-h) !important;
    padding:0 18px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }

  /* Utility row matches exact same shell edges */
  .aras-topbar{
    width:100% !important;
    margin:0 !important;
  }

  .aras-top-contact{
    margin:0 !important;
  }

  .aras-social{
    margin:0 !important;
  }

  .aras-header-page-spacer{
    height:76px !important;
  }
}

/* Tablet/mobile: preserve circular call when actions appear in menus */
@media(max-width:1100px){
  .aras-call-btn{
    border-radius:50% !important;
    aspect-ratio:1/1 !important;
  }
}


/* ============================================================
 * v3.0.6 — admin bar offset + mobile menu spacing/submenu width
 * ============================================================ */

/* Logged-in desktop: utility row and header sit below WP admin bar */
@media(min-width:1101px){
  body.admin-bar .aras-top-static,
  body.admin-bar.home .aras-top-static,
  body.admin-bar:not(.home) .aras-top-static{
    top:42px !important;
  }

  body.admin-bar .aras-header-wrap,
  body.admin-bar.home .aras-header-wrap,
  body.admin-bar:not(.home) .aras-header-wrap{
    top:80px !important;
  }

  body.admin-bar .aras-header-wrap.is-scrolled,
  body.admin-bar.home .aras-header-wrap.is-scrolled,
  body.admin-bar:not(.home) .aras-header-wrap.is-scrolled{
    top:42px !important;
  }
}

/* Mobile/tablet menu: clean spacing and full-width submenus */
@media(max-width:1100px){

  .aras-nav{
    right:12px !important;
    left:12px !important;
    width:auto !important;
    gap:10px !important;
    padding:12px !important;
    border-radius:28px !important;
  }

  .aras-nav.is-open{
    display:flex !important;
  }

  .aras-nav-item{
    width:100% !important;
    display:block !important;
    margin:0 !important;
  }

  .aras-nav-link{
    width:100% !important;
    min-height:52px !important;
    height:52px !important;
    padding:0 18px !important;
    margin:0 !important;
    border-radius:999px !important;
  }

  .aras-nav > .aras-nav-link,
  .aras-nav > .aras-mobile-agency-btn{
    width:100% !important;
    margin:0 !important;
  }

  .aras-submenu,
  .aras-submenu-small{
    position:static !important;
    width:100% !important;
    max-width:none !important;
    margin:8px 0 0 !important;
    padding:8px !important;
    border-radius:24px !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .aras-nav-item.is-open > .aras-submenu{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  .aras-submenu a{
    width:100% !important;
    min-height:50px !important;
    height:50px !important;
    padding:0 18px !important;
    margin:0 !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .aras-mobile-agency-btn{
    min-height:54px !important;
    height:54px !important;
    margin-top:4px !important;
    padding:0 20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
  }

  /* consistent vertical rhythm between menu groups */
  .aras-nav > * + *{
    margin-top:0 !important;
  }

  /* logged-in mobile: keep header below WP admin bar */
  body.admin-bar .aras-header-wrap,
  body.admin-bar .aras-header-wrap.is-scrolled{
    top:56px !important;
  }

  body.admin-bar .aras-nav{
    top:68px !important;
  }
}

@media(max-width:520px){
  .aras-nav{
    right:10px !important;
    left:10px !important;
    gap:9px !important;
    padding:10px !important;
  }

  .aras-nav-link{
    min-height:50px !important;
    height:50px !important;
  }

  .aras-submenu a{
    min-height:48px !important;
    height:48px !important;
  }
}


/* ============================================================
 * v3.0.7 — rounded submenu system + restored mobile animation
 * ============================================================ */

/* Desktop dropdowns: complete stroke and geometry-aware rounding */
@media(min-width:1101px){
  .aras-submenu,
  .aras-submenu-small{
    box-sizing:border-box !important;
    border:1px solid var(--aras-line) !important;
    background:#fff !important;
    overflow:hidden !important;
    box-shadow:0 12px 28px rgba(32,55,70,.07), inset 0 0 0 1px rgba(220,226,229,.18) !important;
  }

  /* Single-row dropdowns such as Blog are true pills */
  .aras-submenu-small,
  .aras-submenu:has(> a:only-child){
    border-radius:999px !important;
    padding:6px !important;
  }

  .aras-submenu-small > a,
  .aras-submenu:has(> a:only-child) > a{
    border-radius:999px !important;
  }

  /* Multi-row panels stay strongly rounded relative to their size */
  .aras-submenu:not(:has(> a:only-child)){
    border-radius:26px !important;
  }
}

/* Mobile menu animation + complete border language */
@media(max-width:1100px){

  /* Keep in DOM so open/close can animate smoothly */
  .aras-nav{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    box-sizing:border-box !important;
    border:1px solid var(--aras-line) !important;
    border-radius:32px !important;
    background:#fff !important;
    overflow-y:auto !important;

    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-10px) scale(.985) !important;
    transform-origin:top center !important;
    transition:opacity .28s ease, transform .34s cubic-bezier(.22,.8,.24,1), visibility .28s ease !important;
  }

  .aras-nav.is-open{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }

  /* Burger retains a soft state transition */
  .aras-menu-btn,
  .aras-menu-btn span{
    transition:transform .28s ease, opacity .22s ease, background .22s ease, border-color .22s ease !important;
  }

  /* Every top-level row is a full pill */
  .aras-nav-link,
  .aras-mobile-agency-btn{
    border-radius:999px !important;
    box-sizing:border-box !important;
  }

  /* Submenus stay rendered but collapse smoothly */
  .aras-submenu,
  .aras-submenu-small{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    border:1px solid var(--aras-line) !important;
    background:var(--aras-soft) !important;
    box-shadow:inset 0 0 0 1px rgba(220,226,229,.14) !important;
    overflow:hidden !important;

    max-height:0 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    margin:0 !important;
    padding:0 8px !important;
    transform:translateY(-6px) !important;
    transition:max-height .42s cubic-bezier(.22,.8,.24,1), opacity .24s ease, transform .32s ease, margin .32s ease, padding .32s ease, visibility .24s ease !important;
  }

  .aras-nav-item.is-open > .aras-submenu,
  .aras-nav-item.is-open > .aras-submenu-small{
    max-height:720px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    margin:8px 0 0 !important;
    padding:8px !important;
    transform:translateY(0) !important;
  }

  /* Multi-row submenu = large proportional rounded rectangle */
  .aras-submenu:not(:has(> a:only-child)){
    border-radius:28px !important;
  }

  /* One-row submenu = complete circle/pill border */
  .aras-submenu-small,
  .aras-submenu:has(> a:only-child){
    border-radius:999px !important;
  }

  .aras-submenu a{
    width:100% !important;
    box-sizing:border-box !important;
    border:1px solid var(--aras-line) !important;
    border-radius:999px !important;
    background:#fff !important;
    overflow:hidden !important;
  }

  /* Remove old separator rule; every item owns a complete stroke */
  .aras-submenu a + a{
    border-top:1px solid var(--aras-line) !important;
  }

  /* Full closed stroke even on the extreme edges */
  .aras-submenu,
  .aras-submenu-small,
  .aras-submenu a{
    background-clip:padding-box !important;
  }
}

@media(max-width:520px){
  .aras-nav{
    border-radius:30px !important;
  }

  .aras-submenu:not(:has(> a:only-child)){
    border-radius:26px !important;
  }
}


/* ============================================================
 * v3.0.8 — desktop hover bridge + mobile border + legacy scroll motion
 * ============================================================ */

/* Restore the original v2.9.2 motion system */
.aras-header-wrap{
  transition:top .30s ease, padding .30s ease !important;
}

.aras-glass-header{
  transition:
    height .30s ease,
    min-height .30s ease,
    box-shadow .30s ease,
    width .30s ease,
    transform .30s ease !important;
}

.aras-logo img{
  transition:width .30s ease, max-height .30s ease, transform .30s ease !important;
}

.aras-top-static{
  transition:
    opacity .25s ease,
    visibility .25s ease,
    transform .30s ease !important;
}

/* ------------------------------------------------------------
 * Desktop dropdown usability:
 * restore a real hover bridge between parent row and dropdown.
 * ------------------------------------------------------------ */
@media(min-width:1101px){

  .aras-nav-item.has-submenu{
    position:relative !important;
  }

  /* invisible bridge prevents dropdown from closing while cursor crosses gap */
  .aras-nav-item.has-submenu::after{
    content:"" !important;
    position:absolute !important;
    top:100% !important;
    left:50% !important;
    width:270px !important;
    height:16px !important;
    transform:translateX(-50%) !important;
    background:transparent !important;
    pointer-events:auto !important;
    z-index:100009 !important;
  }

  .aras-submenu,
  .aras-submenu-small{
    top:calc(100% + 10px) !important;
    overflow:visible !important;
  }

  .aras-submenu::before{
    display:block !important;
    content:"" !important;
    position:absolute !important;
    top:-11px !important;
    right:0 !important;
    left:0 !important;
    height:11px !important;
    background:transparent !important;
    pointer-events:auto !important;
  }

  /* border remains fully closed even though overflow is visible */
  .aras-submenu,
  .aras-submenu-small{
    outline:1px solid transparent !important;
    background-clip:padding-box !important;
  }

  /* v2.9.2-like subtle shrink */
  .aras-header-wrap.is-scrolled .aras-glass-header{
    height:52px !important;
    min-height:52px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:164px !important;
    max-height:32px !important;
  }
}

/* ------------------------------------------------------------
 * Mobile: top utility disappears on scroll; header/logo shrink a touch.
 * Full outer border stays visible inside viewport.
 * ------------------------------------------------------------ */
@media(max-width:1100px){

  /* utility is visible before scroll, like the current mobile design */
  .aras-top-static{
    opacity:1 !important;
    visibility:visible !important;
  }

  #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-12px) !important;
  }

  /* smooth header movement copied from the old behavior */
  .aras-header-wrap{
    transition:top .30s ease, padding .30s ease !important;
  }

  .aras-header-wrap.is-scrolled .aras-glass-header{
    height:54px !important;
    min-height:54px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:152px !important;
    max-height:34px !important;
  }

  .aras-header-wrap.is-scrolled .aras-menu-btn{
    width:38px !important;
    height:38px !important;
    transition:width .30s ease,height .30s ease,transform .28s ease !important;
  }

  /* mobile menu must always fit inside viewport so all 4 border sides are visible */
  .aras-nav{
    box-sizing:border-box !important;
    right:12px !important;
    left:12px !important;
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
    margin:0 !important;
    border:1px solid var(--aras-line) !important;
    border-radius:32px !important;
    background:#fff !important;
    background-clip:padding-box !important;
    overflow-x:hidden !important;
  }

  /* nested panel also owns a complete stroke */
  .aras-submenu,
  .aras-submenu-small{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    border:1px solid var(--aras-line) !important;
    background-clip:padding-box !important;
  }

  /* single row = perfect pill */
  .aras-submenu-small,
  .aras-submenu:has(> a:only-child){
    border-radius:999px !important;
  }

  /* multi-row = proportional fully closed rounded rectangle */
  .aras-submenu:not(:has(> a:only-child)){
    border-radius:28px !important;
  }
}

@media(max-width:520px){
  .aras-nav{
    right:10px !important;
    left:10px !important;
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    border-radius:30px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:144px !important;
  }
}


/* ============================================================
 * v3.0.9 — mobile utility fade + logo right breathing room
 * ============================================================ */

@media(max-width:1100px){

  /* Mobile utility row must truly leave the viewport on scroll */
  .aras-top-static{
    transition:
      opacity .22s ease,
      visibility .22s ease,
      transform .30s cubic-bezier(.22,.8,.24,1) !important;
    will-change:opacity,transform !important;
  }

  #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-28px) !important;
  }

  /* Move the compact header into the released utility space */
  .aras-header-wrap.is-scrolled{
    top:10px !important;
  }

  body.admin-bar .aras-header-wrap.is-scrolled{
    top:56px !important;
  }

  /* give logo breathing room from physical right edge */
  .aras-logo{
    margin-right:10px !important;
  }
}

@media(max-width:520px){
  .aras-logo{
    margin-right:12px !important;
  }
}


/* ============================================================
 * v3.0.10 — utility row edge alignment with header
 * ============================================================ */

/* Desktop: utility row shares the exact same shell width/edges */
@media(min-width:1101px){
  .aras-top-static,
  body.home .aras-top-static,
  body:not(.home) .aras-top-static{
    right:50% !important;
    left:auto !important;
    width:min(var(--aras-shell),calc(100vw - 48px)) !important;
    transform:translateX(50%) !important;
  }

  .aras-topbar{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    justify-content:space-between !important;
  }

  .aras-social{
    margin-left:0 !important;
    margin-right:auto !important;
  }

  .aras-top-contact{
    margin-right:0 !important;
    margin-left:auto !important;
  }
}

/* Tablet/mobile: same physical left/right edges as the header */
@media(max-width:1100px){
  .aras-top-static,
  body.home .aras-top-static,
  body:not(.home) .aras-top-static{
    right:12px !important;
    left:12px !important;
    width:auto !important;
    transform:none !important;
  }

  .aras-topbar{
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    justify-content:space-between !important;
  }

  .aras-social{
    margin-left:0 !important;
    margin-right:auto !important;
  }

  .aras-top-contact{
    margin-right:0 !important;
    margin-left:auto !important;
  }

  #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    transform:translateY(-28px) !important;
  }
}

@media(max-width:520px){
  .aras-top-static,
  body.home .aras-top-static,
  body:not(.home) .aras-top-static{
    right:10px !important;
    left:10px !important;
  }
}


/* ============================================================
 * v3.0.11 — true mobile utility width alignment
 * remove inherited min-width overflow
 * ============================================================ */

@media(max-width:1100px){

  .aras-top-static,
  body.home .aras-top-static,
  body:not(.home) .aras-top-static{
    right:12px !important;
    left:12px !important;
    width:auto !important;
    max-width:none !important;
    box-sizing:border-box !important;
  }

  .aras-topbar{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    overflow:visible !important;
  }

  /* kill old desktop min-width:410px */
  .aras-top-contact{
    min-width:0 !important;
    width:auto !important;
    max-width:none !important;
    flex:1 1 auto !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    padding-left:12px !important;
    padding-right:12px !important;
    margin:0 !important;
  }

  .aras-top-contact a,
  .aras-top-contact span{
    min-width:0 !important;
  }

  .aras-social{
    min-width:0 !important;
    width:auto !important;
    max-width:max-content !important;
    flex:0 0 auto !important;
    box-sizing:border-box !important;
    margin:0 !important;
  }
}

@media(max-width:520px){

  .aras-top-static,
  body.home .aras-top-static,
  body:not(.home) .aras-top-static{
    right:10px !important;
    left:10px !important;
  }

  .aras-topbar{
    gap:8px !important;
  }

  .aras-top-contact{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}


/* ============================================================
 * v3.0.12 — align the ACTUAL utility pills with header edges
 * ============================================================ */

@media(max-width:1100px){

  /*
   * The wrapper may be full-width depending on legacy rules.
   * So alignment is enforced on .aras-topbar itself.
   */
  .aras-top-static,
  body.home .aras-top-static,
  body:not(.home) .aras-top-static{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .aras-topbar{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding-left:12px !important;
    padding-right:12px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
  }

  .aras-top-contact{
    min-width:0 !important;
    flex:1 1 0 !important;
    width:0 !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .aras-social{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:max-content !important;
    max-width:max-content !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    transform:translateY(-28px) !important;
  }
}

@media(max-width:520px){
  .aras-topbar{
    padding-left:10px !important;
    padding-right:10px !important;
    gap:8px !important;
  }
}


/* ============================================================
 * v3.0.13 — exact mobile edge sync + logo scale restore
 * ============================================================ */

@media(max-width:1100px){

  #aras-glass-header-root{
    --aras-mobile-edge:12px;
  }

  .aras-header-wrap,
  body.home .aras-header-wrap,
  body:not(.home) .aras-header-wrap{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    padding-left:var(--aras-mobile-edge) !important;
    padding-right:var(--aras-mobile-edge) !important;
    box-sizing:border-box !important;
  }

  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .aras-top-static,
  body.home .aras-top-static,
  body:not(.home) .aras-top-static{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    max-width:100% !important;
    padding-left:var(--aras-mobile-edge) !important;
    padding-right:var(--aras-mobile-edge) !important;
    box-sizing:border-box !important;
  }

  .aras-topbar{
    width:100% !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
  }

  .aras-top-contact{
    min-width:0 !important;
    width:0 !important;
    flex:1 1 0 !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .aras-social{
    min-width:max-content !important;
    width:auto !important;
    flex:0 0 auto !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:174px !important;
    max-width:60vw !important;
    max-height:38px !important;
  }

  .aras-logo{
    margin-right:8px !important;
  }

  #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    transform:translateY(-28px) !important;
  }
}

@media(max-width:520px){

  #aras-glass-header-root{
    --aras-mobile-edge:10px;
  }

  .aras-topbar{
    gap:8px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:168px !important;
    max-width:61vw !important;
    max-height:38px !important;
  }

  .aras-logo{
    margin-right:8px !important;
  }
}


/* ============================================================
 * v3.0.14 — real SVG crop + hard-pinned mobile utility edges
 * ============================================================ */

@media(max-width:1100px){

  #aras-glass-header-root{
    --aras-mobile-edge:12px;
  }

  /* Header geometry */
  .aras-header-wrap,
  body.home .aras-header-wrap,
  body:not(.home) .aras-header-wrap{
    left:0 !important;
    right:0 !important;
    width:100% !important;
    padding-left:var(--aras-mobile-edge) !important;
    padding-right:var(--aras-mobile-edge) !important;
    box-sizing:border-box !important;
  }

  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /*
   * Pin the utility pills directly to the SAME physical edges as the header.
   * No flex math controls the outer alignment anymore.
   */
  .aras-top-static,
  body.home .aras-top-static,
  body:not(.home) .aras-top-static{
    left:var(--aras-mobile-edge) !important;
    right:var(--aras-mobile-edge) !important;
    width:auto !important;
    max-width:none !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  .aras-topbar{
    position:relative !important;
    width:100% !important;
    height:38px !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    box-sizing:border-box !important;
  }

  .aras-social{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    height:38px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  .aras-top-contact{
    position:absolute !important;
    right:0 !important;
    top:0 !important;
    height:38px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:calc(100% - 180px) !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }

  /* Cropped SVG can now use the available logo height correctly */
  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:190px !important;
    max-width:62vw !important;
    max-height:46px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  .aras-logo{
    margin-right:10px !important;
  }

  #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    transform:translateY(-28px) !important;
  }
}

@media(max-width:520px){
  #aras-glass-header-root{
    --aras-mobile-edge:10px;
  }

  .aras-top-contact{
    max-width:calc(100% - 168px) !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:184px !important;
    max-width:64vw !important;
    max-height:46px !important;
  }

  .aras-logo{
    margin-right:10px !important;
  }
}


/* ============================================================
 * v3.0.15 — logo scale + right-edge proportion correction
 * ============================================================ */

/* Desktop / laptop */
@media(min-width:1101px){

  /*
   * Keep the logo inset equal to the header's own inner spacing,
   * instead of visually floating too far left.
   */
  .aras-logo{
    right:10px !important;
    margin-right:0 !important;
    padding:0 !important;
    height:38px !important;
    min-height:38px !important;
    display:flex !important;
    align-items:center !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:205px !important;
    max-width:none !important;
    max-height:38px !important;
    height:auto !important;
    object-fit:contain !important;
  }

  /* scrolled state only shrinks slightly */
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:195px !important;
    max-height:36px !important;
  }
}

/* Tablet / mobile */
@media(max-width:1100px){

  .aras-logo{
    margin-right:0 !important;
    padding-right:0 !important;
  }

  /*
   * On mobile the header itself already has the outer inset,
   * so don't add a second artificial right margin to the logo.
   */
  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:188px !important;
    max-width:64vw !important;
    max-height:44px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:178px !important;
    max-height:41px !important;
  }
}

@media(max-width:520px){
  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:184px !important;
    max-width:66vw !important;
    max-height:44px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:174px !important;
    max-height:40px !important;
  }
}


/* ============================================================
 * v3.0.16 — exact desktop logo geometry
 * top gap = bottom gap = right gap
 * ============================================================ */

@media(min-width:1101px){

  /*
   * Header height is 56px.
   * Use a 9px optical inset on top/bottom/right:
   * visible logo height = 56 - (9*2) = 38px.
   */
  .aras-logo{
    position:absolute !important;
    right:9px !important;
    top:9px !important;
    transform:none !important;
    height:38px !important;
    min-height:38px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  .aras-logo img{
    display:block !important;
    height:38px !important;
    width:auto !important;
    max-height:none !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
  }

  /*
   * Scrolled header remains only slightly smaller,
   * preserving the old subtle animation.
   */
  .aras-header-wrap.is-scrolled .aras-logo{
    right:9px !important;
    top:8px !important;
    height:36px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    height:36px !important;
    width:auto !important;
    max-height:none !important;
    max-width:none !important;
  }
}

/* Mobile: remove the artificial right drift as well */
@media(max-width:1100px){
  .aras-logo{
    margin-right:0 !important;
    padding-right:0 !important;
  }
}


/* ============================================================
 * v3.0.17 — exact uploaded Frame 18 logo asset
 * preserve frame + internal spacing 1:1
 * ============================================================ */

/* Desktop / laptop: show the uploaded logo frame at a stronger scale */
@media(min-width:1101px){

  .aras-logo{
    position:absolute !important;
    right:9px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    height:auto !important;
    min-height:0 !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  .aras-logo img{
    display:block !important;
    width:232px !important;
    height:auto !important;
    max-width:none !important;
    max-height:44px !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* subtle legacy shrink on scroll */
  .aras-header-wrap.is-scrolled .aras-logo{
    right:9px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:220px !important;
    height:auto !important;
    max-height:41px !important;
  }
}

/* Mobile: preserve current visual size, but pin frame to right */
@media(max-width:1100px){

  .aras-logo{
    position:absolute !important;
    right:8px !important;
    left:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    padding:0 !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    justify-content:flex-end !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:188px !important;
    height:auto !important;
    max-width:64vw !important;
    max-height:44px !important;
    margin:0 !important;
    object-fit:contain !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:180px !important;
    max-height:42px !important;
  }
}

@media(max-width:520px){
  .aras-logo{
    right:8px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    width:184px !important;
    max-width:66vw !important;
    max-height:44px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:176px !important;
    max-height:41px !important;
  }
}


/* ============================================================
 * v3.0.18 — exact logo/menu geometry
 * Desktop: logo inset = CTA inset
 * Mobile: menu LEFT, logo RIGHT, equal edge/vertical insets
 * ============================================================ */

@media(min-width:1101px){

  /*
   * Desktop header geometry:
   * header = 56px high
   * CTA = 38px high
   * therefore top/bottom inset = 9px.
   * Logo frame uses the exact same 9px top/right/bottom inset.
   */
  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    height:56px !important;
    min-height:56px !important;
    padding:9px !important;
  }

  .aras-logo,
  .aras-header-wrap.is-scrolled .aras-logo{
    position:absolute !important;
    right:9px !important;
    left:auto !important;
    top:9px !important;
    bottom:9px !important;
    transform:none !important;
    width:auto !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    display:block !important;
    height:38px !important;
    width:auto !important;
    max-height:38px !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
  }

  .aras-actions{
    left:9px !important;
    top:9px !important;
    transform:none !important;
    height:38px !important;
  }

  .aras-call-btn,
  .aras-agency-btn{
    height:38px !important;
    min-height:38px !important;
  }

  .aras-call-btn{
    width:38px !important;
    min-width:38px !important;
  }
}

@media(max-width:1100px){

  /*
   * Mobile geometry:
   * header outer padding = 8px
   * menu button = 40px circle
   * logo frame gets the same 8px top/right/bottom inset.
   */
  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    position:relative !important;
    height:56px !important;
    min-height:56px !important;
    padding:8px !important;
  }

  /* MENU MUST STAY ON PHYSICAL LEFT */
  .aras-menu-btn{
    position:absolute !important;
    left:8px !important;
    right:auto !important;
    top:8px !important;
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:50% !important;
    transform:none !important;
    z-index:3 !important;
  }

  /* LOGO MUST STAY ON PHYSICAL RIGHT */
  .aras-logo,
  .aras-header-wrap.is-scrolled .aras-logo{
    position:absolute !important;
    right:8px !important;
    left:auto !important;
    top:8px !important;
    bottom:8px !important;
    transform:none !important;
    width:auto !important;
    height:40px !important;
    min-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    display:block !important;
    height:40px !important;
    width:auto !important;
    max-height:40px !important;
    max-width:68vw !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:contain !important;
  }

  /* preserve open/close animation, but never flip physical sides */
  .aras-menu-btn.is-open,
  .aras-header-wrap.is-scrolled .aras-menu-btn{
    left:8px !important;
    right:auto !important;
  }
}

@media(max-width:520px){
  .aras-glass-header,
  .aras-header-wrap.is-scrolled .aras-glass-header{
    padding:8px !important;
  }

  .aras-menu-btn,
  .aras-menu-btn.is-open,
  .aras-header-wrap.is-scrolled .aras-menu-btn{
    left:8px !important;
    right:auto !important;
    top:8px !important;
  }

  .aras-logo,
  .aras-header-wrap.is-scrolled .aras-logo{
    right:8px !important;
    left:auto !important;
    top:8px !important;
    bottom:8px !important;
  }

  .aras-logo img,
  .aras-header-wrap.is-scrolled .aras-logo img{
    height:40px !important;
    max-height:40px !important;
    width:auto !important;
    max-width:70vw !important;
  }
}


/* ============================================================
 * v3.0.19 — DESKTOP ONLY
 * restore subtle scroll compression + stronger logo presence
 * Mobile v3.0.18 intentionally untouched.
 * ============================================================ */

@media(min-width:1101px){

  /*
   * Resting desktop state.
   * Keep the proven 9px physical inset on top/right/bottom.
   * The uploaded Frame 18 asset is enlarged optically without
   * moving its anchor away from those edges.
   */
  .aras-glass-header{
    height:56px !important;
    min-height:56px !important;
    padding:9px !important;
    transition:
      height .30s ease,
      min-height .30s ease,
      width .30s ease,
      box-shadow .30s ease,
      transform .30s ease !important;
  }

  .aras-logo{
    right:9px !important;
    top:9px !important;
    bottom:9px !important;
    height:38px !important;
    transform:none !important;
    overflow:visible !important;
    transition:
      right .30s ease,
      top .30s ease,
      bottom .30s ease,
      height .30s ease !important;
  }

  /*
   * Increase apparent size while keeping the outer anchor fixed.
   * Frame 18 is wide, so width is the useful optical control.
   */
  .aras-logo img{
    width:250px !important;
    height:38px !important;
    max-width:none !important;
    max-height:38px !important;
    object-fit:contain !important;
    object-position:right center !important;
    transform-origin:right center !important;
    transition:
      width .30s ease,
      height .30s ease,
      max-height .30s ease,
      transform .30s ease !important;
  }

  /*
   * Original-style subtle scrolled state:
   * utility row fades via existing aras-has-scrolled behavior,
   * header moves up and compresses a little,
   * logo shrinks only slightly.
   */
  .aras-header-wrap{
    transition:top .30s ease, padding .30s ease !important;
  }

  .aras-header-wrap.is-scrolled .aras-glass-header{
    height:50px !important;
    min-height:50px !important;
    padding:7px !important;
    box-shadow:0 6px 18px rgba(32,55,70,.05) !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo{
    right:7px !important;
    top:7px !important;
    bottom:7px !important;
    height:36px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:236px !important;
    height:36px !important;
    max-height:36px !important;
  }

  .aras-header-wrap.is-scrolled .aras-actions{
    left:7px !important;
    top:7px !important;
    height:36px !important;
  }

  .aras-header-wrap.is-scrolled .aras-call-btn,
  .aras-header-wrap.is-scrolled .aras-agency-btn{
    height:36px !important;
    min-height:36px !important;
  }

  .aras-header-wrap.is-scrolled .aras-call-btn{
    width:36px !important;
    min-width:36px !important;
    flex-basis:36px !important;
  }

  .aras-header-wrap.is-scrolled .aras-nav{
    height:36px !important;
    min-height:36px !important;
  }

  .aras-header-wrap.is-scrolled .aras-nav-item,
  .aras-header-wrap.is-scrolled .aras-nav-link{
    height:36px !important;
    min-height:36px !important;
  }
}


/* ============================================================
 * v3.0.20 — DESKTOP SCROLLED STATE TUNING ONLY
 * Mobile + resting desktop intentionally untouched.
 * ============================================================ */

@media(min-width:1101px){

  /* Keep the compact header, but preserve the resting proportions better */
  .aras-header-wrap.is-scrolled .aras-glass-header{
    height:52px !important;
    min-height:52px !important;
    padding:7px !important;
  }

  /* Logo shrinks only ~6% from the 250px resting width */
  .aras-header-wrap.is-scrolled .aras-logo{
    right:7px !important;
    top:7px !important;
    bottom:7px !important;
    height:38px !important;
  }

  .aras-header-wrap.is-scrolled .aras-logo img{
    width:235px !important;
    height:38px !important;
    max-height:38px !important;
  }

  /* CTA and phone shrink just a touch, not enough to alter visual balance */
  .aras-header-wrap.is-scrolled .aras-actions{
    left:7px !important;
    top:7px !important;
    height:38px !important;
  }

  .aras-header-wrap.is-scrolled .aras-call-btn,
  .aras-header-wrap.is-scrolled .aras-agency-btn{
    height:38px !important;
    min-height:38px !important;
  }

  .aras-header-wrap.is-scrolled .aras-call-btn{
    width:38px !important;
    min-width:38px !important;
    flex-basis:38px !important;
  }

  /* Keep nav visually stable */
  .aras-header-wrap.is-scrolled .aras-nav{
    height:38px !important;
    min-height:38px !important;
  }

  .aras-header-wrap.is-scrolled .aras-nav-item,
  .aras-header-wrap.is-scrolled .aras-nav-link{
    height:38px !important;
    min-height:38px !important;
  }
}


/* ============================================================
 * v3.0.21 — desktop action vertical alignment only
 * ============================================================ */

@media(min-width:1101px){

  .aras-actions,
  .aras-header-wrap.is-scrolled .aras-actions{
    position:absolute !important;
    left:9px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
  }

  .aras-header-wrap.is-scrolled .aras-actions{
    left:7px !important;
  }

  .aras-call-btn,
  .aras-agency-btn,
  .aras-header-wrap.is-scrolled .aras-call-btn,
  .aras-header-wrap.is-scrolled .aras-agency-btn{
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    box-sizing:border-box !important;
  }

  .aras-call-btn,
  .aras-header-wrap.is-scrolled .aras-call-btn{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    flex:0 0 38px !important;
    border-radius:50% !important;
  }

  .aras-call-btn svg,
  .aras-call-btn i{
    margin:0 !important;
    display:block !important;
    line-height:1 !important;
  }

  .aras-agency-btn{
    padding-left:18px !important;
    padding-right:18px !important;
  }
}


/* ============================================================
 * v3.0.24 — MOBILE INNER-PAGES HEADER STACK FIX
 * Home + desktop intentionally untouched
 * ============================================================ */

@media(max-width:1100px){

  /*
   * Inner pages only:
   * keep utility row in its normal top position,
   * then place the main header below it with a clean gap.
   */
  body:not(.home) .aras-top-static{
    top:10px !important;
  }

  body:not(.home) .aras-header-wrap{
    top:58px !important;
  }

  /*
   * When scrolled, utility fades away and the main header
   * moves into the released top space.
   */
  body:not(.home) #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-28px) !important;
  }

  body:not(.home) .aras-header-wrap.is-scrolled{
    top:10px !important;
  }

  /* Logged-in WP admin-bar offsets on inner pages */
  body.admin-bar:not(.home) .aras-top-static{
    top:56px !important;
  }

  body.admin-bar:not(.home) .aras-header-wrap{
    top:104px !important;
  }

  body.admin-bar:not(.home) .aras-header-wrap.is-scrolled{
    top:56px !important;
  }

  /*
   * Make sure inner-page mobile header never inherits
   * desktop/non-home offsets from older rules.
   */
  body:not(.home) .aras-header-wrap,
  body:not(.home) .aras-header-wrap.is-scrolled{
    left:0 !important;
    right:0 !important;
    width:100% !important;
  }
}

@media(max-width:520px){

  body:not(.home) .aras-top-static{
    top:10px !important;
  }

  body:not(.home) .aras-header-wrap{
    top:58px !important;
  }

  body:not(.home) .aras-header-wrap.is-scrolled{
    top:10px !important;
  }

  body.admin-bar:not(.home) .aras-top-static{
    top:56px !important;
  }

  body.admin-bar:not(.home) .aras-header-wrap{
    top:104px !important;
  }

  body.admin-bar:not(.home) .aras-header-wrap.is-scrolled{
    top:56px !important;
  }
}


/* ============================================================
 * v3.0.25 — MOBILE INNER PAGES = EXACT HOME SPACING
 * Home is the source of truth.
 * ============================================================ */

@media(max-width:1100px){

  /* Exact same resting positions as Home */
  body:not(.home) .aras-top-static{
    top:10px !important;
  }

  body:not(.home) .aras-header-wrap{
    top:52px !important;
  }

  /* Exact same scrolled header position as Home */
  body:not(.home) .aras-header-wrap.is-scrolled{
    top:10px !important;
  }

  /* Preserve the existing fade behavior */
  body:not(.home) #aras-glass-header-root.aras-has-scrolled .aras-top-static{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(-28px) !important;
  }
}

/* Exact same WordPress admin-bar offsets as Home */
@media(max-width:782px){

  body.admin-bar:not(.home) .aras-top-static{
    top:56px !important;
  }

  body.admin-bar:not(.home) .aras-header-wrap{
    top:98px !important;
  }

  body.admin-bar:not(.home) .aras-header-wrap.is-scrolled{
    top:56px !important;
  }
}


/* === ARAS SOFT INDUSTRIAL DESIGN v3.0.26 === */

/* =========================================================
   ARAS HEADER — CLEAN SOFT INDUSTRIAL PASS
   ONE FINAL OVERRIDE ONLY
   no DOM / geometry / JS changes
   ========================================================= */

#aras-glass-header-root{
  --si-red:#E11B25;
  --si-ink:#191D20;
  --si-line:rgba(28,34,38,.105);
  --si-line-soft:rgba(28,34,38,.060);
  --si-surface:#F7F7F5;
  --si-white:#FFFFFF;
  --si-red-bg:
    linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,0)),
    rgba(225,27,37,.085);
  --si-red-line:rgba(225,27,37,.18);
}

/* shared surfaces */
.aras-top-contact,
.aras-social,
.aras-glass-header{
  background:rgba(247,247,245,.96) !important;
  border:1px solid var(--si-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 1px 2px rgba(18,22,25,.025),
    0 10px 30px rgba(18,22,25,.04) !important;
}

/* =========================================================
   TOP LEVEL NAV STATES
   Active Home and open/hover Products are IDENTICAL.
   ========================================================= */

html body #aras-glass-header-root .aras-nav-link{
  position:relative !important;
  border:1px solid transparent !important;
  color:var(--si-ink) !important;
  -webkit-text-fill-color:var(--si-ink) !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  -webkit-tap-highlight-color:transparent !important;
}

/* selected simple item, e.g. Home */
html body #aras-glass-header-root .aras-nav > a.aras-nav-link.is-active,
html body #aras-glass-header-root .aras-nav > a.aras-nav-link.is-active:link,
html body #aras-glass-header-root .aras-nav > a.aras-nav-link.is-active:visited{
  color:var(--si-red) !important;
  -webkit-text-fill-color:var(--si-red) !important;
  background:var(--si-red-bg) !important;
  border-color:var(--si-red-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 1px 2px rgba(225,27,37,.03) !important;
}

/* plain links hover, e.g. About / Contact */
html body #aras-glass-header-root .aras-nav > a.aras-nav-link:not(.is-active):hover,
html body #aras-glass-header-root .aras-nav > a.aras-nav-link:not(.is-active):focus{
  color:var(--si-red) !important;
  -webkit-text-fill-color:var(--si-red) !important;
  background:var(--si-red-bg) !important;
  border-color:var(--si-red-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 1px 2px rgba(225,27,37,.03) !important;
}

/* submenu parents open/hover: EXACT SAME visual as active Home */
html body #aras-glass-header-root .aras-nav-item.has-submenu:hover > .aras-nav-link,
html body #aras-glass-header-root .aras-nav-item.has-submenu:focus-within > .aras-nav-link,
html body #aras-glass-header-root .aras-nav-item.has-submenu.is-open > .aras-nav-link{
  color:var(--si-red) !important;
  -webkit-text-fill-color:var(--si-red) !important;
  background:var(--si-red-bg) !important;
  border-color:var(--si-red-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 1px 2px rgba(225,27,37,.03) !important;
}

/* no legacy dots or alternate selected effects */
html body #aras-glass-header-root .aras-nav-link::after{
  content:none !important;
  display:none !important;
}

/* =========================================================
   SUBMENU SHELL
   ========================================================= */

html body #aras-glass-header-root .aras-submenu,
html body #aras-glass-header-root .aras-submenu-small{
  box-sizing:border-box !important;
  border:1px solid var(--si-line) !important;
  border-radius:32px !important;
  background:rgba(247,247,245,.98) !important;
  background-clip:padding-box !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 1px 2px rgba(18,22,25,.025),
    0 14px 34px rgba(18,22,25,.05) !important;
}

/* submenu links: no divider lines, no black intermediate state */
html body #aras-glass-header-root .aras-submenu a,
html body #aras-glass-header-root .aras-submenu a:link,
html body #aras-glass-header-root .aras-submenu a:visited{
  color:var(--si-ink) !important;
  -webkit-text-fill-color:var(--si-ink) !important;
  border:1px solid transparent !important;
  outline:none !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color:transparent !important;
  transition:color .12s ease, background-color .12s ease, border-color .12s ease !important;
}

html body #aras-glass-header-root .aras-submenu a + a{
  border-top:1px solid transparent !important;
}

html body #aras-glass-header-root .aras-submenu a:hover,
html body #aras-glass-header-root .aras-submenu a:focus,
html body #aras-glass-header-root .aras-submenu a:focus-visible{
  color:var(--si-red) !important;
  -webkit-text-fill-color:var(--si-red) !important;
  background:var(--si-red-bg) !important;
  border-color:var(--si-red-line) !important;
  outline:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

/* desktop: each hovered row is a true pill, shell stays fully rounded */
@media(min-width:1101px){
  html body #aras-glass-header-root .aras-submenu,
  html body #aras-glass-header-root .aras-submenu-small{
    padding:8px !important;
    border-radius:32px !important;
  }

  html body #aras-glass-header-root .aras-submenu a{
    min-height:46px !important;
    border-radius:999px !important;
  }
}

/* =========================================================
   MOBILE
   One rail = nav padding. No extra child margins.
   Parent link and submenu shell share EXACT width.
   ========================================================= */
@media(max-width:1100px){

  html body #aras-glass-header-root .aras-nav{
    right:12px !important;
    left:12px !important;
    width:calc(100vw - 24px) !important;
    max-width:calc(100vw - 24px) !important;
    padding:12px !important;
    gap:10px !important;
    box-sizing:border-box !important;
    border:1px solid var(--si-line) !important;
    border-radius:32px !important;
    background:rgba(247,247,245,.985) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 1px 2px rgba(18,22,25,.025),
      0 16px 40px rgba(18,22,25,.055) !important;
  }

  /* every top-level child uses exactly the nav content width */
  html body #aras-glass-header-root .aras-nav > a.aras-nav-link,
  html body #aras-glass-header-root .aras-nav > .aras-nav-item,
  html body #aras-glass-header-root .aras-nav > .aras-mobile-agency-btn{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  html body #aras-glass-header-root .aras-nav > .aras-nav-item > .aras-nav-link{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  /* exact active/open state parity on mobile too */
  html body #aras-glass-header-root .aras-nav > a.aras-nav-link.is-active,
  html body #aras-glass-header-root .aras-nav-item.has-submenu.is-open > .aras-nav-link,
  html body #aras-glass-header-root .aras-nav-item.has-submenu:focus-within > .aras-nav-link{
    color:var(--si-red) !important;
    -webkit-text-fill-color:var(--si-red) !important;
    background:var(--si-red-bg) !important;
    border-color:var(--si-red-line) !important;
    border-radius:999px !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 1px 2px rgba(225,27,37,.03) !important;
  }

  /* submenu shell shares the parent width exactly */
  html body #aras-glass-header-root .aras-nav-item > .aras-submenu,
  html body #aras-glass-header-root .aras-nav-item > .aras-submenu-small{
    position:static !important;
    inset:auto !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:8px 0 0 !important;
    padding:8px !important;
    box-sizing:border-box !important;
    transform:none !important;
    border:1px solid var(--si-line) !important;
    border-radius:32px !important;
    background:rgba(247,247,245,.98) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 1px 2px rgba(18,22,25,.025) !important;
  }

  /* children are clean pills, no white rectangular cards */
  html body #aras-glass-header-root .aras-submenu a{
    width:100% !important;
    min-height:52px !important;
    height:52px !important;
    margin:0 !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border:1px solid transparent !important;
    border-radius:999px !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  html body #aras-glass-header-root .aras-submenu a + a{
    margin-top:2px !important;
    border-top:1px solid transparent !important;
  }

  html body #aras-glass-header-root .aras-submenu a:hover,
  html body #aras-glass-header-root .aras-submenu a:focus{
    color:var(--si-red) !important;
    -webkit-text-fill-color:var(--si-red) !important;
    background:var(--si-red-bg) !important;
    border-color:var(--si-red-line) !important;
    border-radius:999px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
  }
}

@media(max-width:520px){
  html body #aras-glass-header-root .aras-nav{
    right:10px !important;
    left:10px !important;
    width:calc(100vw - 20px) !important;
    max-width:calc(100vw - 20px) !important;
    padding:10px !important;
  }
}


/* aras-header-soft-industrial-v6-usability-alignment */

/* =========================================================
   V6 — DESKTOP HOVER STABILITY + MOBILE TRUE ALIGNMENT
   No DOM / JS / animation system changes
   ========================================================= */

/* ---------------------------------------------------------
   DESKTOP
   Fix submenu flicker/jump between Products and News:
   the old invisible bridge was 270px wide and overlaps siblings.
   Keep the bridge only under the actual parent item.
   --------------------------------------------------------- */
@media(min-width:1101px){

  html body #aras-glass-header-root .aras-nav-item.has-submenu::after{
    content:"" !important;
    position:absolute !important;
    top:100% !important;
    right:0 !important;
    left:0 !important;
    width:auto !important;
    height:12px !important;
    transform:none !important;
    background:transparent !important;
    pointer-events:auto !important;
    z-index:100009 !important;
  }

  /* The submenu's own bridge completes the small vertical gap */
  html body #aras-glass-header-root .aras-submenu::before,
  html body #aras-glass-header-root .aras-submenu-small::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:-11px !important;
    right:0 !important;
    left:0 !important;
    height:11px !important;
    background:transparent !important;
    pointer-events:auto !important;
  }
}

/* ---------------------------------------------------------
   MOBILE
   1) Menu shell uses EXACT same physical left/right edges as header
   2) All top-level text gets identical RTL inset
   3) Parent rows and simple rows align on the same right text rail
   --------------------------------------------------------- */
@media(max-width:1100px){

  /* Nav is positioned against the glass header itself: exact same edges */
  html body #aras-glass-header-root .aras-glass-header{
    overflow:visible !important;
  }

  html body #aras-glass-header-root .aras-nav{
    top:calc(100% + 12px) !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:12px !important;
    box-sizing:border-box !important;
  }

  /* Every direct row owns full content width; NO extra external rail */
  html body #aras-glass-header-root .aras-nav > a.aras-nav-link,
  html body #aras-glass-header-root .aras-nav > .aras-nav-item,
  html body #aras-glass-header-root .aras-nav > .aras-mobile-agency-btn{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  /* Simple links and submenu-parent links use the SAME 18px RTL inset */
  html body #aras-glass-header-root .aras-nav > a.aras-nav-link,
  html body #aras-glass-header-root .aras-nav > .aras-nav-item > .aras-nav-link{
    width:100% !important;
    min-height:52px !important;
    height:52px !important;
    margin:0 !important;
    padding:0 18px !important;
    display:flex !important;
    align-items:center !important;
    box-sizing:border-box !important;
    line-height:1 !important;
  }

  /* Plain rows are RTL-aligned exactly like Products / News text */
  html body #aras-glass-header-root .aras-nav > a.aras-nav-link{
    justify-content:flex-start !important;
    text-align:right !important;
  }

  /* Parent rows preserve chevron on the opposite side */
  html body #aras-glass-header-root .aras-nav > .aras-nav-item > .aras-nav-link{
    justify-content:space-between !important;
    text-align:right !important;
  }

  /* Submenu shell uses parent's exact width */
  html body #aras-glass-header-root .aras-nav > .aras-nav-item.has-submenu > .aras-submenu,
  html body #aras-glass-header-root .aras-nav > .aras-nav-item.has-submenu > .aras-submenu-small{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:8px 0 0 !important;
    box-sizing:border-box !important;
  }

  /* Child labels continue on the same RTL text rail */
  html body #aras-glass-header-root .aras-submenu a{
    padding:0 18px !important;
    justify-content:flex-start !important;
    text-align:right !important;
  }
}

@media(max-width:520px){
  html body #aras-glass-header-root .aras-nav{
    right:0 !important;
    left:0 !important;
    width:100% !important;
    max-width:100% !important;
    padding:10px !important;
  }

  html body #aras-glass-header-root .aras-nav > a.aras-nav-link,
  html body #aras-glass-header-root .aras-nav > .aras-nav-item > .aras-nav-link{
    padding-right:18px !important;
    padding-left:18px !important;
  }
}


/* aras-header-soft-industrial-v7-hover-intent */

/* =========================================================
   V7 — desktop hover intent + CTA edge + real social icons
   Mobile layout from V6 intentionally untouched.
   ========================================================= */

/* Real icon sizing/appearance */
html body #aras-glass-header-root .aras-social a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
html body #aras-glass-header-root .aras-social .aras-social-icon{
  display:block !important;
  width:17px !important;
  height:17px !important;
  object-fit:contain !important;
  opacity:.96 !important;
  filter:brightness(0) saturate(100%) invert(18%) sepia(13%) saturate(1152%) hue-rotate(154deg) brightness(91%) contrast(92%) !important;
}

/* Agency CTA gets the same soft-industrial double edge */
html body #aras-glass-header-root .aras-agency-btn,
html body #aras-glass-header-root .aras-mobile-agency-btn{
  background:#E11B25 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:1px solid rgba(151,7,17,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(124,8,16,.10),
    0 1px 2px rgba(122,10,18,.10) !important;
}

html body #aras-glass-header-root .aras-agency-btn:hover,
html body #aras-glass-header-root .aras-mobile-agency-btn:hover{
  background:#D71923 !important;
  border-color:rgba(139,7,16,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(124,8,16,.12),
    0 3px 8px rgba(122,10,18,.12) !important;
}

/* ---------------------------------------------------------
   DESKTOP HOVER INTENT
   Disable instantaneous :hover submenu switching.
   JS adds .desktop-open after a small intent delay.
   --------------------------------------------------------- */
@media(min-width:1101px){

  /* pure hover no longer opens submenu */
  html body #aras-glass-header-root .aras-nav-item.has-submenu:hover > .aras-submenu{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translate(-50%,-8px) !important;
  }

  /* keyboard focus remains immediate */
  html body #aras-glass-header-root .aras-nav-item.has-submenu:focus-within > .aras-submenu,
  html body #aras-glass-header-root .aras-nav-item.has-submenu.desktop-open > .aras-submenu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translate(-50%,0) !important;
  }

  /* parent pink state follows intent instead of raw hover */
  html body #aras-glass-header-root .aras-nav-item.has-submenu:hover > .aras-nav-link{
    color:var(--si-ink) !important;
    -webkit-text-fill-color:var(--si-ink) !important;
    background:transparent !important;
    border-color:transparent !important;
    box-shadow:none !important;
  }

  html body #aras-glass-header-root .aras-nav-item.has-submenu.desktop-open > .aras-nav-link,
  html body #aras-glass-header-root .aras-nav-item.has-submenu:focus-within > .aras-nav-link{
    color:var(--si-red) !important;
    -webkit-text-fill-color:var(--si-red) !important;
    background:var(--si-red-bg) !important;
    border-color:var(--si-red-line) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 1px 2px rgba(225,27,37,.03) !important;
  }

  html body #aras-glass-header-root .aras-nav-item.has-submenu.desktop-open .aras-chevron,
  html body #aras-glass-header-root .aras-nav-item.has-submenu:focus-within .aras-chevron{
    transform:rotate(135deg) translate(-1px,-1px) !important;
  }

  /* neutralize the original wide hover bridge completely */
  html body #aras-glass-header-root .aras-nav-item.has-submenu::after{
    display:none !important;
    content:none !important;
  }
}


/* aras-header-soft-industrial-v9-call-control */

/* =========================================================
   V9 — supplied phone SVG + refined soft-industrial call control
   Visual-only. Size/position/behavior stay unchanged.
   ========================================================= */

html body #aras-glass-header-root .aras-call-btn{
  color:#203746 !important;
  -webkit-text-fill-color:#203746 !important;

  /* outer soft-gray stroke */
  border:1px solid rgba(28,34,38,.105) !important;

  /* clean white nested surface */
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,250,248,.98)) !important;

  /* white inner highlight + tiny lower edge for the subtle 3D language */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(28,34,38,.035),
    0 1px 2px rgba(18,22,25,.028) !important;

  outline:0 !important;
  -webkit-tap-highlight-color:transparent !important;
}

html body #aras-glass-header-root .aras-call-btn:hover,
html body #aras-glass-header-root .aras-call-btn:focus{
  color:#E11B25 !important;
  -webkit-text-fill-color:#E11B25 !important;

  /* red-tinted stroke appears directly, no dark flash */
  border-color:rgba(225,27,37,.18) !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,0)),
    rgba(225,27,37,.055) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(225,27,37,.035),
    0 2px 5px rgba(225,27,37,.045) !important;
}

html body #aras-glass-header-root .aras-call-btn .aras-call-icon-v9{
  display:block !important;
  width:22px !important;
  height:22px !important;
  color:currentColor !important;
  fill:currentColor !important;
  flex:0 0 auto !important;
}

html body #aras-glass-header-root .aras-call-btn .aras-call-icon-v9 path{
  fill:currentColor !important;
}


/* aras-header-soft-industrial-v10-mobile-menu-control */

/* =========================================================
   V10 — mobile menu button uses the same visual language as call button
   Supplied Menu.svg only. No geometry / JS changes.
   ========================================================= */

@media(max-width:1100px){
  html body #aras-glass-header-root .aras-menu-btn{
    color:#203746 !important;
    -webkit-text-fill-color:#203746 !important;

    border:1px solid rgba(28,34,38,.105) !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,250,248,.98)) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -1px 0 rgba(28,34,38,.035),
      0 1px 2px rgba(18,22,25,.028) !important;

    outline:0 !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  html body #aras-glass-header-root .aras-menu-btn:hover,
  html body #aras-glass-header-root .aras-menu-btn:focus{
    color:#E11B25 !important;
    -webkit-text-fill-color:#E11B25 !important;

    border-color:rgba(225,27,37,.18) !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,0)),
      rgba(225,27,37,.055) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      inset 0 -1px 0 rgba(225,27,37,.035),
      0 2px 5px rgba(225,27,37,.045) !important;
  }

  html body #aras-glass-header-root .aras-menu-btn .aras-menu-icon-v10{
    display:block !important;
    width:24px !important;
    height:24px !important;
    color:currentColor !important;
    fill:currentColor !important;
    flex:0 0 auto !important;
    pointer-events:none !important;
  }

  html body #aras-glass-header-root .aras-menu-btn .aras-menu-icon-v10 path{
    fill:currentColor !important;
  }

  /* Neutralize the old three-bar span styling now that the SVG is used */
  html body #aras-glass-header-root .aras-menu-btn > span{
    display:none !important;
  }
}


/* aras-header-soft-industrial-v11-menu-alignment */

/* =========================================================
   V11 — mobile menu icon + button vertical centering only
   ========================================================= */

@media(max-width:1100px){

  /* Center the button itself inside the header height */
  html body #aras-glass-header-root .aras-menu-btn{
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    padding:0 !important;
    line-height:0 !important;
  }

  /* Center the supplied SVG optically and geometrically */
  html body #aras-glass-header-root .aras-menu-btn .aras-menu-icon-v10{
    display:block !important;
    width:24px !important;
    height:24px !important;
    margin:0 !important;
    padding:0 !important;

    position:relative !important;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:auto !important;

    transform:none !important;
    flex:0 0 24px !important;
  }
}


/* aras-header-soft-industrial-v12-scrolled-desktop */

/* =========================================================
   V12 — DESKTOP SCROLLED STATE
   Preserve original shrink animation/geometry.
   Re-apply ONLY the new visual language while scrolled.
   ========================================================= */

@media(min-width:1101px){

  /* Main scrolled shell keeps the new soft-industrial surface */
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-glass-header{
    background:rgba(247,247,245,.965) !important;
    border:1px solid rgba(28,34,38,.105) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 1px 2px rgba(18,22,25,.028),
      0 9px 26px rgba(18,22,25,.05) !important;
    backdrop-filter:blur(24px) saturate(108%) !important;
    -webkit-backdrop-filter:blur(24px) saturate(108%) !important;
  }

  /* Nav text does not fall back to legacy colors */
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-nav-link{
    color:var(--si-ink) !important;
    -webkit-text-fill-color:var(--si-ink) !important;
    border-color:transparent !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  /* Active simple item, e.g. Home */
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-nav > a.aras-nav-link.is-active{
    color:var(--si-red) !important;
    -webkit-text-fill-color:var(--si-red) !important;
    background:var(--si-red-bg) !important;
    border:1px solid var(--si-red-line) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 1px 2px rgba(225,27,37,.03) !important;
  }

  /* Plain hover items */
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-nav > a.aras-nav-link:not(.is-active):hover,
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-nav > a.aras-nav-link:not(.is-active):focus{
    color:var(--si-red) !important;
    -webkit-text-fill-color:var(--si-red) !important;
    background:var(--si-red-bg) !important;
    border:1px solid var(--si-red-line) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 1px 2px rgba(225,27,37,.03) !important;
  }

  /* Submenu parents keep the same intended pink/open state */
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-nav-item.has-submenu.desktop-open > .aras-nav-link,
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-nav-item.has-submenu:focus-within > .aras-nav-link{
    color:var(--si-red) !important;
    -webkit-text-fill-color:var(--si-red) !important;
    background:var(--si-red-bg) !important;
    border:1px solid var(--si-red-line) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 1px 2px rgba(225,27,37,.03) !important;
  }

  /* Agency CTA keeps the new double-edge while compact */
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-agency-btn{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:#E11B25 !important;
    border:1px solid rgba(151,7,17,.18) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      inset 0 -1px 0 rgba(124,8,16,.10),
      0 1px 2px rgba(122,10,18,.10) !important;
  }

  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-agency-btn:hover{
    background:#D71923 !important;
    border-color:rgba(139,7,16,.22) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.20),
      inset 0 -1px 0 rgba(124,8,16,.12),
      0 3px 8px rgba(122,10,18,.12) !important;
  }

  /* Call control keeps its nested white surface when compact */
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-call-btn{
    color:#203746 !important;
    -webkit-text-fill-color:#203746 !important;
    border:1px solid rgba(28,34,38,.105) !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,250,248,.98)) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,1),
      inset 0 -1px 0 rgba(28,34,38,.035),
      0 1px 2px rgba(18,22,25,.028) !important;
  }

  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-call-btn:hover,
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-call-btn:focus{
    color:#E11B25 !important;
    -webkit-text-fill-color:#E11B25 !important;
    border-color:rgba(225,27,37,.18) !important;
    background:
      linear-gradient(180deg,rgba(255,255,255,.66),rgba(255,255,255,0)),
      rgba(225,27,37,.055) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      inset 0 -1px 0 rgba(225,27,37,.035),
      0 2px 5px rgba(225,27,37,.045) !important;
  }

  /* Submenus themselves keep the new surface too */
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-submenu,
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-submenu-small{
    border:1px solid rgba(28,34,38,.105) !important;
    border-radius:32px !important;
    background:rgba(247,247,245,.98) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.95),
      0 1px 2px rgba(18,22,25,.025),
      0 14px 34px rgba(18,22,25,.05) !important;
  }

  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-submenu a:hover,
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-submenu a:focus{
    color:var(--si-red) !important;
    -webkit-text-fill-color:var(--si-red) !important;
    background:var(--si-red-bg) !important;
    border-color:var(--si-red-line) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
  }
}


/* Plugin build: supplied Menu.svg without changing original button DOM */
@media(max-width:1100px){
  #aras-glass-header-root .aras-menu-btn > span{
    display:none !important;
  }
  #aras-glass-header-root .aras-menu-btn::before{
    content:"" !important;
    display:block !important;
    width:24px !important;
    height:24px !important;
    margin:auto !important;
    background-color:currentColor !important;
    -webkit-mask:url("menu.svg") center/contain no-repeat !important;
    mask:url("menu.svg") center/contain no-repeat !important;
    pointer-events:none !important;
  }
}


/* === ARAS v3.0.27 — active parent item visual fix === */
/* Product / Articles parent links also receive .is-active on child pages.
   Force them to use the same soft-industrial selected state as Home. */
html body #aras-glass-header-root .aras-nav .aras-nav-link.is-active,
html body #aras-glass-header-root .aras-nav .aras-nav-link.is-active:link,
html body #aras-glass-header-root .aras-nav .aras-nav-link.is-active:visited{
  color:var(--si-red) !important;
  -webkit-text-fill-color:var(--si-red) !important;
  background:var(--si-red-bg) !important;
  border:1px solid var(--si-red-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 1px 2px rgba(225,27,37,.03) !important;
  outline:0 !important;
}

html body #aras-glass-header-root .aras-nav .aras-nav-link.is-active .aras-chevron{
  color:var(--si-red) !important;
  border-color:var(--si-red) !important;
}

@media(min-width:1101px){
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-nav .aras-nav-link.is-active,
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-nav .aras-nav-link.is-active:link,
  html body #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-nav .aras-nav-link.is-active:visited{
    color:var(--si-red) !important;
    -webkit-text-fill-color:var(--si-red) !important;
    background:var(--si-red-bg) !important;
    border:1px solid var(--si-red-line) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.88),
      0 1px 2px rgba(225,27,37,.03) !important;
  }
}

/* v3.0.28 final cascade — inner pages only. */
html body:not(.home) #aras-glass-header-root .aras-glass-header,
html body:not(.home) #aras-glass-header-root .aras-header-wrap.is-scrolled .aras-glass-header{
  background:rgba(247,247,245,.96) !important;
  border:1px solid var(--si-line) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 1px 2px rgba(18,22,25,.025),
    0 10px 30px rgba(18,22,25,.04) !important;
}

/* v3.0.29 — only the rectangular layer behind the floating header is clear. */
html body:not(.home) #aras-glass-header-root,
html body:not(.home) #aras-glass-header-root .aras-header-wrap,
html body:not(.home) .aras-header-page-spacer{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}
html body:not(.home) #aras-glass-header-root::before,
html body:not(.home) #aras-glass-header-root::after,
html body:not(.home) #aras-glass-header-root .aras-header-wrap::before,
html body:not(.home) #aras-glass-header-root .aras-header-wrap::after,
html body:not(.home) .aras-header-page-spacer::before,
html body:not(.home) .aras-header-page-spacer::after{
  content:none !important;
  display:none !important;
}

/* v3.0.31 — keep the mobile menu viewport fixed while submenus expand. */
@media(max-width:1100px){
  html body #aras-glass-header-root .aras-nav,
  html body #aras-glass-header-root .aras-nav > *,
  html body #aras-glass-header-root .aras-submenu,
  html body #aras-glass-header-root .aras-submenu-small{
    overflow-anchor:none !important;
  }

  html body #aras-glass-header-root .aras-nav{
    scroll-behavior:auto !important;
    overscroll-behavior:contain;
  }
}

/* v3.0.32 — Safari must append mobile submenus below the existing rows. */
@media(max-width:1100px){
  html body #aras-glass-header-root .aras-nav{
    scroll-snap-type:none !important;
    overflow-anchor:none !important;
  }

  html body #aras-glass-header-root .aras-nav-link{
    scroll-margin:0 !important;
  }
}

/* v3.0.33 — keep the mobile menu at its true top until an intentional swipe. */
@media(max-width:1100px){
  html body #aras-glass-header-root .aras-nav.is-top-locked{
    overflow-y:hidden !important;
    overflow-y:clip !important;
    scroll-behavior:auto !important;
  }

  html body #aras-glass-header-root .aras-nav.is-top-locked,
  html body #aras-glass-header-root .aras-nav.is-top-locked > *,
  html body #aras-glass-header-root .aras-nav.is-top-locked .aras-submenu,
  html body #aras-glass-header-root .aras-nav.is-top-locked .aras-submenu-small{
    overflow-anchor:none !important;
  }
}