@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');

/* Inherited defaults captured from the approved header, isolated from page CSS. */
#siteHeader:is(#siteHeader){
  --bronze:#B07841;--gold:#DDB17F;--line:rgba(255,255,255,.075);
  --ease:cubic-bezier(.22,.8,.22,1);
  font-family:"Segoe UI",sans-serif;font-size:16px;font-weight:400;
  line-height:normal;color:rgb(0,0,0);direction:rtl;text-align:start;
}
body.lang-en #siteHeader:is(#siteHeader){direction:ltr;}
#siteHeader:is(#siteHeader),#siteHeader:is(#siteHeader) *{box-sizing:border-box;}
#siteHeader:is(#siteHeader) a{text-decoration:underline;color:rgb(0,0,238);}
#siteHeader:is(#siteHeader) button{font:inherit;}
/* PETRO shared header: original rule order, scoped to #siteHeader. */
header:is(#siteHeader#siteHeader){position:relative;z-index:1}
.site-header:is(#siteHeader#siteHeader){
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:linear-gradient(to bottom,rgba(39,42,45,.92),rgba(43,46,49,.76));
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:background .28s var(--ease),box-shadow .28s var(--ease),backdrop-filter .28s var(--ease);
}
.site-header:is(#siteHeader#siteHeader).scrolled{
  background:rgba(38,41,44,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 14px 42px rgba(0,0,0,.28)
}
:is(#siteHeader#siteHeader) .header-inner{
  width:min(1380px,calc(100% - 54px));height:124px;margin:auto;display:grid;
  grid-template-columns:300px minmax(0,1fr) 230px;align-items:center;gap:26px;direction:ltr;
}
:is(#siteHeader#siteHeader) .brand{
  grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;justify-content:flex-start;
  width:285px;height:98px;overflow:visible;transform:translateY(-6px)
}
:is(#siteHeader#siteHeader) .brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
:is(#siteHeader#siteHeader) .main-nav{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:22px;direction:rtl}
:is(#siteHeader#siteHeader) .main-nav a{
  position:relative;padding:8px 0;font-size:12px;font-weight:500;line-height:1;
  color:rgba(255,255,255,.84);white-space:nowrap;transition:.2s ease
}
:is(#siteHeader#siteHeader) .main-nav a:hover{color:#fff}
:is(#siteHeader#siteHeader) .main-nav a::after{
  content:"";position:absolute;right:50%;left:50%;bottom:-10px;height:1px;
  background:linear-gradient(90deg,var(--bronze),var(--gold));transition:.24s var(--ease)
}
:is(#siteHeader#siteHeader) .main-nav a:hover::after{right:0;left:0}
:is(#siteHeader#siteHeader) .header-actions{
  grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:flex-end;
  gap:10px;direction:rtl
}
:is(#siteHeader#siteHeader) .lang{
  height:40px;min-width:58px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.025);color:rgba(255,255,255,.86);cursor:pointer
}
:is(#siteHeader#siteHeader) .lang svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}
:is(#siteHeader#siteHeader) .lang span{font-family:Manrope,sans-serif;font-size:10px;font-weight:600}
:is(#siteHeader#siteHeader) .rfq-btn{
  height:40px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border:1px solid rgba(221,177,127,.92);background:linear-gradient(135deg,#B07841,#DDB17F);
  color:#09111a;font-size:10.5px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.22);transition:.22s var(--ease)
}
:is(#siteHeader#siteHeader) .rfq-btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
:is(#siteHeader#siteHeader) .menu-toggle{display:none;border:0;background:none;cursor:pointer;padding:6px;justify-self:end}
:is(#siteHeader#siteHeader) .menu-toggle span{display:block;width:24px;height:1px;background:#fff;margin:7px 0;transition:.24s}
@media (max-width:1180px){:is(#siteHeader#siteHeader) .header-inner{height:116px;grid-template-columns:255px 1fr 205px;gap:16px}
:is(#siteHeader#siteHeader) .brand{width:245px;height:94px;transform:translateY(-5px)}
:is(#siteHeader#siteHeader) .main-nav{gap:16px}
:is(#siteHeader#siteHeader) .main-nav a{font-size:10.5px}}
@media (max-width:980px){:is(#siteHeader#siteHeader) .header-inner{width:calc(100% - 34px);height:100px;grid-template-columns:195px 1fr auto;gap:12px}
:is(#siteHeader#siteHeader) .brand{grid-column:1;grid-row:1;width:188px;height:82px;transform:translateY(-4px)}
:is(#siteHeader#siteHeader) .main-nav{
    display:none;position:absolute;top:100px;right:0;left:0;background:rgba(39,42,45,.985);
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08);
    padding:16px 22px 24px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 42px rgba(0,0,0,.28)
  }
:is(#siteHeader#siteHeader) .main-nav.open{display:flex}
:is(#siteHeader#siteHeader) .main-nav a{padding:14px 4px;font-size:12px;border-bottom:1px solid rgba(255,255,255,.07)}
:is(#siteHeader#siteHeader) .main-nav a::after{display:none}
:is(#siteHeader#siteHeader) .header-actions{grid-column:2;grid-row:1;justify-self:end}
:is(#siteHeader#siteHeader) .menu-toggle{display:block;grid-column:3;grid-row:1}}
@media (max-width:640px){:is(#siteHeader#siteHeader) .header-inner{width:calc(100% - 24px);height:90px;grid-template-columns:165px 1fr auto;gap:8px}
:is(#siteHeader#siteHeader) .brand{width:158px;height:76px;transform:translateY(-3px)}
:is(#siteHeader#siteHeader) .lang{min-width:38px;width:38px;padding:0}
:is(#siteHeader#siteHeader) .lang span{display:none}
:is(#siteHeader#siteHeader) .rfq-btn{height:36px;padding:0 11px;font-size:9px}
:is(#siteHeader#siteHeader) .rfq-btn span{display:none}
:is(#siteHeader#siteHeader) .main-nav{top:90px}}
@media (max-width:390px){:is(#siteHeader#siteHeader) .header-actions .lang{display:none}
:is(#siteHeader#siteHeader) .header-inner{grid-template-columns:145px 1fr auto}
:is(#siteHeader#siteHeader) .brand{width:140px}}
.site-header:is(#siteHeader#siteHeader),
header:is(#siteHeader#siteHeader){
  background:
    linear-gradient(
      180deg,
      rgba(44,47,50,.94),
      rgba(38,41,44,.88)
    ) !important;

  border-bottom:
    1px solid rgba(221,177,127,.08) !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled{
  background:rgba(38,41,44,.96) !important;
}
header:is(#siteHeader#siteHeader),
.site-header:is(#siteHeader#siteHeader),
:is(#siteHeader#siteHeader) .navbar{
  background:
    linear-gradient(
      180deg,
      rgba(53,56,59,0.92),
      rgba(44,46,49,0.86)
    ) !important;

  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
header:is(#siteHeader#siteHeader){
  position:relative;
  z-index:1;
}
header:is(#siteHeader#siteHeader),
.site-header:is(#siteHeader#siteHeader),
:is(#siteHeader#siteHeader) .navbar{
  background:
    linear-gradient(
      180deg,
      rgba(43,46,50,.94),
      rgba(38,41,45,.91)
    ) !important;

  border-bottom:
    1px solid rgba(255,255,255,.06) !important;

  backdrop-filter: blur(8px) !important;
}
header:is(#siteHeader#siteHeader),
.site-header:is(#siteHeader#siteHeader),
:is(#siteHeader#siteHeader) .navbar{
  background:
    linear-gradient(
      180deg,
      rgba(40,43,47,.94),
      rgba(34,37,41,.91)
    ) !important;

  border-bottom:
    1px solid rgba(255,255,255,.06) !important;

  backdrop-filter:blur(8px) !important;
}
:is(#siteHeader#siteHeader) .brand,
:is(#siteHeader#siteHeader) .site-logo,
:is(#siteHeader#siteHeader) .header-logo{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
:is(#siteHeader#siteHeader) .brand img,
:is(#siteHeader#siteHeader) .site-logo img,
:is(#siteHeader#siteHeader) .header-logo img{
  width:145px !important;
  max-width:145px !important;
  height:auto !important;

  display:block;

  filter:
    drop-shadow(0 3px 6px rgba(0,0,0,.34))
    drop-shadow(0 0 9px rgba(255,255,255,.055));

  transform:translateZ(0);
}
:is(#siteHeader#siteHeader) .brand,
:is(#siteHeader#siteHeader) .site-logo,
:is(#siteHeader#siteHeader) .header-logo{
  margin-left:22px !important;
}
.site-header:is(#siteHeader#siteHeader),
header:is(#siteHeader#siteHeader){
  min-height:90px;
}
:is(#siteHeader#siteHeader) .brand img,
:is(#siteHeader#siteHeader) .site-logo img,
:is(#siteHeader#siteHeader) .header-logo img{
  transition:
    transform .28s ease,
    filter .28s ease;
}
:is(#siteHeader#siteHeader) .brand:hover img,
:is(#siteHeader#siteHeader) .site-logo:hover img,
:is(#siteHeader#siteHeader) .header-logo:hover img{
  transform:translateY(-1px) scale(1.012);

  filter:
    drop-shadow(0 5px 9px rgba(0,0,0,.38))
    drop-shadow(0 0 11px rgba(213,216,219,.08));
}
.site-header:is(#siteHeader#siteHeader),
header:is(#siteHeader#siteHeader){
  min-height:110px !important;
  overflow:visible !important;
}
:is(#siteHeader#siteHeader) .header-inner{
  min-height:110px !important;
  align-items:center !important;
  overflow:visible !important;
}
:is(#siteHeader#siteHeader) .brand,
:is(#siteHeader#siteHeader) .site-logo,
:is(#siteHeader#siteHeader) .header-logo{
  height:auto !important;
  overflow:visible !important;
  align-self:center !important;
  margin-top:12px !important;
  margin-bottom:0 !important;
}
:is(#siteHeader#siteHeader) .brand img,
:is(#siteHeader#siteHeader) .site-logo img,
:is(#siteHeader#siteHeader) .header-logo img{
  width:145px !important;
  max-width:145px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  display:block !important;
}
.site-header:is(#siteHeader#siteHeader),
header:is(#siteHeader#siteHeader){
  min-height:120px !important;
  padding-bottom:8px !important;
}
:is(#siteHeader#siteHeader) .brand img,
:is(#siteHeader#siteHeader) .site-logo img,
:is(#siteHeader#siteHeader) .header-logo img{
  filter:
    drop-shadow(0 6px 10px rgba(0,0,0,.48))
    drop-shadow(0 2px 2px rgba(255,255,255,.10))
    drop-shadow(0 0 14px rgba(184,137,79,.08)) !important;
}
:is(#siteHeader#siteHeader) .brand img,
:is(#siteHeader#siteHeader) .site-logo img,
:is(#siteHeader#siteHeader) .header-logo img{
  filter:
    drop-shadow(0 5px 8px rgba(0,0,0,.42))
    drop-shadow(0 1px 1px rgba(255,255,255,.08))
    drop-shadow(0 0 9px rgba(184,137,79,.055)) !important;
}
:is(#siteHeader#siteHeader) .main-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}
:is(#siteHeader#siteHeader) .main-nav a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:40px !important;
  padding:0 16px !important;

  color:#e7e9eb !important;
  font-size:14px !important;
  font-weight:600 !important;

  text-decoration:none !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(0,0,0,.08)
    ) !important;

  border:
    1px solid rgba(255,255,255,.07) !important;

  border-radius:10px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 10px rgba(0,0,0,.12) !important;

  transition:
    transform .22s ease,
    border-color .22s ease,
    background .22s ease,
    color .22s ease,
    box-shadow .22s ease !important;
}
:is(#siteHeader#siteHeader) .main-nav a:hover{
  color:#f3d1a0 !important;

  border-color:
    rgba(184,137,79,.34) !important;

  background:
    linear-gradient(
      180deg,
      rgba(184,137,79,.10),
      rgba(184,137,79,.035)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 6px 14px rgba(0,0,0,.16),
    0 0 0 1px rgba(184,137,79,.06) !important;

  transform:translateY(-1px);
}
:is(#siteHeader#siteHeader) .main-nav a.active,
:is(#siteHeader#siteHeader) .main-nav a[aria-current="page"]{
  color:#f5d3a1 !important;

  border-color:
    rgba(184,137,79,.46) !important;

  background:
    linear-gradient(
      180deg,
      rgba(184,137,79,.16),
      rgba(184,137,79,.055)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 6px 16px rgba(0,0,0,.18) !important;
}
:is(#siteHeader#siteHeader) .header-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
:is(#siteHeader#siteHeader) .header-actions .rfq-btn,
:is(#siteHeader#siteHeader) .header-actions .btn-primary,
:is(#siteHeader#siteHeader) .rfq-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;

  min-height:42px !important;
  padding:0 18px !important;

  border-radius:10px !important;

  color:#151515 !important;
  font-size:14px !important;
  font-weight:700 !important;
  text-decoration:none !important;

  background:
    linear-gradient(
      180deg,
      #e1b779 0%,
      #c38a4c 100%
    ) !important;

  border:
    1px solid rgba(255,220,170,.42) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(70,40,15,.16),
    0 5px 13px rgba(0,0,0,.24),
    0 0 0 1px rgba(184,137,79,.08) !important;

  transition:
    transform .22s ease,
    box-shadow .22s ease,
    filter .22s ease !important;
}
:is(#siteHeader#siteHeader) .header-actions .rfq-btn:hover,
:is(#siteHeader#siteHeader) .header-actions .btn-primary:hover,
:is(#siteHeader#siteHeader) .rfq-btn:hover{
  transform:translateY(-1px) !important;

  filter:brightness(1.055) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    0 7px 17px rgba(0,0,0,.29),
    0 0 14px rgba(184,137,79,.11) !important;
}
:is(#siteHeader#siteHeader) .header-actions .lang-switch,
:is(#siteHeader#siteHeader) .header-actions .language-switch,
:is(#siteHeader#siteHeader) .header-actions .lang-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;

  min-height:42px !important;
  min-width:62px !important;
  padding:0 13px !important;

  border-radius:10px !important;

  color:#e5e7e9 !important;
  font-size:13px !important;
  font-weight:600 !important;
  text-decoration:none !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.04),
      rgba(0,0,0,.10)
    ) !important;

  border:
    1px solid rgba(255,255,255,.10) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 4px 10px rgba(0,0,0,.14) !important;

  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease !important;
}
:is(#siteHeader#siteHeader) .header-actions .lang-switch:hover,
:is(#siteHeader#siteHeader) .header-actions .language-switch:hover,
:is(#siteHeader#siteHeader) .header-actions .lang-btn:hover{
  color:#f0cca0 !important;

  border-color:
    rgba(184,137,79,.32) !important;

  background:
    linear-gradient(
      180deg,
      rgba(184,137,79,.09),
      rgba(184,137,79,.025)
    ) !important;

  transform:translateY(-1px) !important;
}
:is(#siteHeader#siteHeader) .header-actions .lang-switch,
:is(#siteHeader#siteHeader) .header-actions .language-switch,
:is(#siteHeader#siteHeader) .header-actions .lang-btn{
  min-height:40px !important;
  height:40px !important;

  min-width:74px !important;
  padding:0 15px !important;

  border-radius:10px !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(0,0,0,.08)
    ) !important;

  border:
    1px solid rgba(255,255,255,.07) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 10px rgba(0,0,0,.12) !important;

  color:#e7e9eb !important;
  font-size:14px !important;
  font-weight:600 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}
:is(#siteHeader#siteHeader) .header-actions a:last-child,
:is(#siteHeader#siteHeader) .header-actions button:last-child{
  min-height:40px !important;
  height:40px !important;
  min-width:78px !important;

  padding:0 16px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  border-radius:10px !important;

  color:#e7e9eb !important;
  font-size:14px !important;
  font-weight:600 !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(0,0,0,.08)
    ) !important;

  border:
    1px solid rgba(255,255,255,.07) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 10px rgba(0,0,0,.12) !important;

  text-decoration:none !important;
}
:is(#siteHeader#siteHeader) .rfq-btn,
:is(#siteHeader#siteHeader) .header-actions .rfq-btn,
a:is(#siteHeader#siteHeader) .rfq-btn,
button:is(#siteHeader#siteHeader) .rfq-btn{
  min-height:42px !important;
  height:42px !important;
  padding:0 18px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;

  border-radius:10px !important;

  color:#151515 !important;
  font-size:14px !important;
  font-weight:700 !important;

  background:
    linear-gradient(
      180deg,
      #e1b779 0%,
      #c98f50 100%
    ) !important;

  border:1px solid rgba(255,220,170,.46) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -1px 0 rgba(80,45,15,.16),
    0 6px 14px rgba(0,0,0,.24) !important;
}
:is(#siteHeader#siteHeader) .header-actions .rfq-btn:last-child,
:is(#siteHeader#siteHeader) .header-actions a.rfq-btn,
:is(#siteHeader#siteHeader) .header-actions button.rfq-btn{
  background:
    linear-gradient(
      180deg,
      #E4BA7B 0%,
      #C88B49 100%
    ) !important;

  color:#151515 !important;

  border:
    1px solid rgba(255,220,170,.55) !important;

  border-radius:10px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(80,45,15,.18),
    0 6px 15px rgba(0,0,0,.26) !important;

  filter:none !important;
}
:is(#siteHeader#siteHeader) .header-actions [class*="lang"],
:is(#siteHeader#siteHeader) .header-actions [class*="language"],
:is(#siteHeader#siteHeader) .header-actions [aria-label*="lang"],
:is(#siteHeader#siteHeader) .header-actions [title*="lang"]{
  min-height:40px !important;
  height:40px !important;
  min-width:78px !important;
  padding:0 16px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  border-radius:10px !important;

  color:#e7e9eb !important;
  font-size:14px !important;
  font-weight:600 !important;
  text-decoration:none !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(0,0,0,.08)
    ) !important;

  border:
    1px solid rgba(255,255,255,.07) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 10px rgba(0,0,0,.12) !important;
}
:is(#siteHeader#siteHeader) .main-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  gap:9px !important;

  margin:0 auto !important;
}
:is(#siteHeader#siteHeader) .main-nav a{
  min-height:40px !important;
  padding:0 15px !important;

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

  border-radius:10px !important;

  font-size:14px !important;
  font-weight:600 !important;
  line-height:1 !important;

  white-space:nowrap !important;

  color:#e8e9eb !important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(0,0,0,.075)
    ) !important;

  border:1px solid rgba(255,255,255,.075) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 4px 11px rgba(0,0,0,.14) !important;
}
:is(#siteHeader#siteHeader) .main-nav a[href*="product"],
:is(#siteHeader#siteHeader) .main-nav a[href*="solution"]{
  padding-left:18px !important;
  padding-right:18px !important;
}
:is(#siteHeader#siteHeader) .main-nav a:hover{
  color:#f0c993 !important;

  border-color:rgba(184,137,79,.34) !important;

  background:
    linear-gradient(
      180deg,
      rgba(184,137,79,.10),
      rgba(184,137,79,.025)
    ) !important;

  transform:translateY(-1px);
}
:is(#siteHeader#siteHeader) .header-inner{
  display:grid !important;

  grid-template-columns:
    minmax(175px,220px)
    minmax(600px,1fr)
    minmax(210px,260px) !important;

  align-items:center !important;

  column-gap:24px !important;
}
body:is(#siteHeader#siteHeader) .lang-en .main-nav{
  direction:ltr;
}
body:is(#siteHeader#siteHeader) .lang-en .main-nav a{
  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-size:13px !important;
  letter-spacing:.1px;
}
:is(#siteHeader#siteHeader) .header-actions{
  direction:rtl !important;
}
body:is(#siteHeader#siteHeader) .lang-en .header-actions{
  direction:rtl !important;
}
body:is(#siteHeader#siteHeader) .lang-en .header-actions a,
body:is(#siteHeader#siteHeader) .lang-en .header-actions button{
  direction:ltr !important;
}
.site-header:is(#siteHeader#siteHeader),
header:is(#siteHeader#siteHeader){
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;

  min-height:116px !important;

  background:
    linear-gradient(
      180deg,
      rgba(38,41,45,.98),
      rgba(32,35,39,.96)
    ) !important;

  border-bottom:
    1px solid rgba(255,255,255,.065) !important;

  transition:
    min-height .28s ease,
    background .28s ease,
    box-shadow .28s ease !important;
}
:is(#siteHeader#siteHeader) .header-inner{
  width:min(1540px, calc(100% - 52px)) !important;
  margin:0 auto !important;

  min-height:116px !important;

  display:grid !important;

  grid-template-columns:
    205px
    minmax(0, 1fr)
    285px !important;

  align-items:center !important;
  column-gap:26px !important;
}
:is(#siteHeader#siteHeader) .brand{
  justify-self:start !important;
}
:is(#siteHeader#siteHeader) .main-nav{
  justify-self:center !important;

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

  gap:9px !important;

  width:max-content !important;
  max-width:100% !important;
}
:is(#siteHeader#siteHeader) .main-nav a{
  min-height:40px !important;

  padding-left:15px !important;
  padding-right:15px !important;

  font-size:14px !important;
  font-weight:600 !important;

  white-space:nowrap !important;
}
:is(#siteHeader#siteHeader) .header-actions{
  justify-self:end !important;

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

  gap:10px !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled,
header:is(#siteHeader#siteHeader).scrolled{
  min-height:86px !important;

  background:
    linear-gradient(
      180deg,
      rgba(29,32,36,.985),
      rgba(25,28,32,.97)
    ) !important;

  box-shadow:
    0 12px 30px rgba(0,0,0,.24) !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .header-inner,
header:is(#siteHeader#siteHeader).scrolled .header-inner{
  min-height:86px !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .brand img,
header:is(#siteHeader#siteHeader).scrolled .brand img{
  width:118px !important;
  max-width:118px !important;

  margin-top:5px !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .main-nav a,
header:is(#siteHeader#siteHeader).scrolled .main-nav a{
  min-height:36px !important;

  padding-left:13px !important;
  padding-right:13px !important;

  font-size:13px !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .rfq-btn,
header:is(#siteHeader#siteHeader).scrolled .rfq-btn{
  min-height:38px !important;
  height:38px !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled [class*="lang"],
.site-header:is(#siteHeader#siteHeader).scrolled [class*="language"],
header:is(#siteHeader#siteHeader).scrolled [class*="lang"],
header:is(#siteHeader#siteHeader).scrolled [class*="language"]{
  min-height:36px !important;
  height:36px !important;
}
:is(#siteHeader#siteHeader) .header-inner,
:is(#siteHeader#siteHeader) .brand img,
:is(#siteHeader#siteHeader) .main-nav a,
:is(#siteHeader#siteHeader) .header-actions a,
:is(#siteHeader#siteHeader) .header-actions button{
  transition:
    all .28s cubic-bezier(.22,.8,.22,1) !important;
}
.site-header:is(#siteHeader#siteHeader),
header:is(#siteHeader#siteHeader).site-header{
  transition:
    min-height .28s cubic-bezier(.22,.8,.22,1),
    background .28s ease,
    box-shadow .28s ease !important;
}
.site-header:is(#siteHeader#siteHeader) .header-inner,
header:is(#siteHeader#siteHeader).site-header .header-inner{
  transition:
    height .28s cubic-bezier(.22,.8,.22,1),
    min-height .28s cubic-bezier(.22,.8,.22,1) !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled,
header:is(#siteHeader#siteHeader).site-header.scrolled{
  min-height:92px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  background:linear-gradient(180deg,rgba(29,32,36,.985),rgba(25,28,32,.97)) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.22) !important;
  overflow:visible !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .header-inner,
header:is(#siteHeader#siteHeader).site-header.scrolled .header-inner{
  height:92px !important;
  min-height:92px !important;
  align-items:center !important;
  overflow:visible !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .brand,
header:is(#siteHeader#siteHeader).site-header.scrolled .brand{
  height:76px !important;
  width:auto !important;
  min-height:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  transform:none !important;
  align-self:center !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .brand img,
header:is(#siteHeader#siteHeader).site-header.scrolled .brand img{
  width:122px !important;
  max-width:122px !important;
  height:auto !important;
  max-height:74px !important;
  margin:0 !important;
  transform:none !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .main-nav,
header:is(#siteHeader#siteHeader).site-header.scrolled .main-nav{
  gap:8px !important;
  align-self:center !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .main-nav a,
header:is(#siteHeader#siteHeader).site-header.scrolled .main-nav a{
  min-height:36px !important;
  padding-left:13px !important;
  padding-right:13px !important;
  font-size:13px !important;
  transform:none;
}
.site-header:is(#siteHeader#siteHeader).scrolled .header-actions,
header:is(#siteHeader#siteHeader).site-header.scrolled .header-actions{
  align-self:center !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .rfq-btn,
header:is(#siteHeader#siteHeader).site-header.scrolled .rfq-btn{
  min-height:38px !important;
  height:38px !important;
}
.site-header:is(#siteHeader#siteHeader).scrolled .lang,
header:is(#siteHeader#siteHeader).site-header.scrolled .lang,
.site-header:is(#siteHeader#siteHeader).scrolled [class*="lang"],
header:is(#siteHeader#siteHeader).site-header.scrolled [class*="lang"]{
  min-height:36px !important;
  height:36px !important;
}
@media (max-width:980px){.site-header:is(#siteHeader#siteHeader).scrolled .header-inner,
header:is(#siteHeader#siteHeader).site-header.scrolled .header-inner{
    height:82px !important;
    min-height:82px !important;
  }
.site-header:is(#siteHeader#siteHeader).scrolled,
header:is(#siteHeader#siteHeader).site-header.scrolled{min-height:82px !important;}
.site-header:is(#siteHeader#siteHeader).scrolled .brand img,
header:is(#siteHeader#siteHeader).site-header.scrolled .brand img{width:112px !important;max-width:112px !important;}}
:is(#siteHeader#siteHeader) .main-nav a{
  position:relative !important;
  transition:color .22s ease, transform .22s ease !important;
}
:is(#siteHeader#siteHeader) .main-nav a::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  right:50% !important;
  left:50% !important;
  bottom:-8px !important;
  height:1px !important;
  background:linear-gradient(90deg,#B07841,#DDB17F) !important;
  opacity:0 !important;
  transition:right .22s ease,left .22s ease,opacity .22s ease !important;
}
:is(#siteHeader#siteHeader) .main-nav a:hover{
  color:#DDB17F !important;
}
:is(#siteHeader#siteHeader) .main-nav a:hover::after{
  right:0 !important;
  left:0 !important;
  opacity:1 !important;
}
body .site-header:is(#siteHeader#siteHeader) .main-nav a{
  position:relative !important;
  transition:
    color .22s ease,
    transform .22s ease !important;
}
body .site-header:is(#siteHeader#siteHeader) .main-nav a::after{
  content:"" !important;
  display:block !important;

  position:absolute !important;
  right:50% !important;
  left:50% !important;
  bottom:-9px !important;

  height:2px !important;

  background:
    linear-gradient(
      90deg,
      #B07841 0%,
      #DDB17F 50%,
      #B07841 100%
    ) !important;

  opacity:0 !important;

  transition:
    right .22s ease,
    left .22s ease,
    opacity .22s ease !important;
}
body .site-header:is(#siteHeader#siteHeader) .main-nav a:hover{
  color:#DDB17F !important;
}
body .site-header:is(#siteHeader#siteHeader) .main-nav a:hover::after{
  right:8% !important;
  left:8% !important;
  opacity:1 !important;
}
html body header:is(#siteHeader#siteHeader)#siteHeader.site-header
nav#mainNav.main-nav > a{
  position: relative !important;
  overflow: visible !important;

  transition:
    color .20s ease,
    transform .20s ease !important;
}
html body header:is(#siteHeader#siteHeader)#siteHeader.site-header
nav#mainNav.main-nav > a::before{
  content: "" !important;

  display: block !important;

  position: absolute !important;

  width: 0 !important;
  height: 2px !important;

  left: 50% !important;
  bottom: -9px !important;

  transform: translateX(-50%) !important;

  background:
    linear-gradient(
      90deg,
      rgba(176,120,65,.25) 0%,
      #DDB17F 50%,
      rgba(176,120,65,.25) 100%
    ) !important;

  opacity: 0 !important;

  pointer-events: none !important;

  transition:
    width .22s ease,
    opacity .22s ease !important;
}
html body header:is(#siteHeader#siteHeader)#siteHeader.site-header
nav#mainNav.main-nav > a:hover{
  color: #DDB17F !important;
}
html body header:is(#siteHeader#siteHeader)#siteHeader.site-header
nav#mainNav.main-nav > a:hover::before{
  width: 58% !important;
  opacity: 1 !important;
}
html body header:is(#siteHeader#siteHeader)#siteHeader.site-header
nav#mainNav.main-nav{
  overflow: visible !important;
}
header:is(#siteHeader#siteHeader)#siteHeader.site-header{
  position: sticky !important;
}
header:is(#siteHeader#siteHeader)#siteHeader.site-header::after{
  content: "" !important;

  position: absolute !important;

  left: 0 !important;
  right: 0 !important;
  bottom: -1px !important;

  width: 100% !important;
  height: 2px !important;

  background:
    linear-gradient(
      90deg,
      transparent 2%,
      rgba(130,145,155,.28) 24%,
      rgba(202,145,76,.82) 50%,
      rgba(130,145,155,.28) 76%,
      transparent 98%
    ) !important;

  pointer-events: none !important;
  z-index: 5 !important;
}

/* Keep navigation above the overlapping transparent brand link. */
@media (min-width:981px){header#siteHeader.site-header nav#mainNav.main-nav{position:relative;z-index:1;}}