/* ARCHI V31 — clearer frosted background, with the existing orange accent. */
@font-face {
  font-family: ArchiContact;
  src: url('/archi-assets/fonts/ABCMonumentGrotesk_Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
nav[aria-label='Main navigation'] a[href='/en/customs-brokerage/'] { max-width: 30em; }
nav[aria-label='Mobile navigation'] a[href='/en/customs-brokerage/'] { padding: 10px 0; }
nav[aria-label='Mobile navigation'] a[href='/en/customs-brokerage/'] p {
  max-width: 12em;
  margin: 0 auto;
  font-family: ArchiContact, Arial, sans-serif !important;
  font-size: clamp(23px, 6vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
  white-space: normal !important;
}
[data-hero-menu] > div:has(> button[aria-haspopup='listbox']) {
  width: 320px !important;
  max-width: calc(100vw - 40px);
}
[data-hero-menu] button[aria-haspopup='listbox'] { width: 100% !important; }
[data-hero-menu] [role='option'][aria-label='Customs Clearance'] { min-height: 54px; }
.archi-contact-panel {
  bottom: max(24px, env(safe-area-inset-bottom));
  width: min(410px, calc(100vw - 32px));
  max-height: calc(100svh - 48px);
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, .85);
  border-radius: 30px;
  background: linear-gradient(140deg, rgba(255,255,255,.65), rgba(243,240,235,.43) 54%, rgba(243,240,235,.42));
  color: #191714;
  box-shadow: 0 28px 76px rgba(12,18,20,.24), 0 7px 22px rgba(12,18,20,.12), inset 0 2px 2px rgba(255,255,255,.96), inset 1px 0 1px rgba(255,255,255,.62), inset 0 -1px 1px rgba(255,255,255,.36);
  -webkit-backdrop-filter: blur(42px) saturate(145%);
  backdrop-filter: blur(42px) saturate(145%);
  scrollbar-width: thin;
  scrollbar-color: rgba(25,23,20,.20) transparent;
  scroll-padding: 24px;
}
.archi-contact-panel__head { gap: 12px; margin-bottom: 24px; }
.archi-contact-panel__eyebrow { color: #6a482e; font-family: ArchiContact, Arial, sans-serif; font-weight: 400; letter-spacing: .12em; }
.archi-contact-panel__title { font: 400 28px/1.08 ArchiContact, Arial, sans-serif; letter-spacing: -.035em; }
.archi-contact-panel__close {
  width: 36px;
  height: 36px;
  border-color: rgba(255,255,255,.74);
  background: linear-gradient(140deg, rgba(255,255,255,.60), rgba(255,255,255,.22));
  box-shadow: inset 0 1px 1px rgba(255,255,255,.80), 0 3px 10px rgba(25,23,20,.07);
  transition: background .2s ease, transform .2s ease;
}
.archi-contact-panel__close:hover { background: rgba(255,255,255,.70); transform: rotate(6deg); }
.archi-contact-form { gap: 14px 12px; }
.archi-contact-field { gap: 7px; }
.archi-contact-field span { font: 400 11px/1.2 ArchiContact, Arial, sans-serif; letter-spacing: .07em; }
.archi-contact-field input,
.archi-contact-field select,
.archi-contact-field textarea {
  min-height: 45px;
  padding: 12px 13px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255,255,255,.43), rgba(255,255,255,.20));
  color: #191714;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.72), 0 4px 12px rgba(25,23,20,.04);
  font: 400 14px/1.3 ArchiContact, Arial, sans-serif;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.archi-contact-field input::placeholder,
.archi-contact-field textarea::placeholder { color: #59574f; opacity: 1; }
.archi-contact-field select { padding-right: 30px; cursor: pointer; }
.archi-contact-field option { background: #f3f0eb; color: #191714; }
.archi-contact-field textarea { min-height: 76px; max-height: 170px; resize: vertical; }
.archi-contact-field input:focus,
.archi-contact-field select:focus,
.archi-contact-field textarea:focus {
  border-color: rgba(184,79,13,.70);
  background: rgba(255,255,255,.62);
  box-shadow: 0 0 0 3px rgba(221,100,25,.12), inset 0 1px 1px rgba(255,255,255,.82);
}
.archi-contact-submit {
  min-height: 52px;
  padding: 0 18px;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,255,255,.39));
  color: #191714;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.95), 0 7px 18px rgba(25,23,20,.08);
  font: 400 13px/1.2 ArchiContact, Arial, sans-serif;
  letter-spacing: .01em;
  text-transform: none;
  transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.archi-contact-submit::after { font-size: 21px; color: #b14a0c; }
.archi-contact-submit:hover { background: rgba(255,255,255,.85); box-shadow: inset 0 1px 1px #fff, 0 9px 22px rgba(25,23,20,.11); transform: translateY(-1px); }
.archi-contact-note { color: #191714; font: 400 12px/1.4 ArchiContact, Arial, sans-serif; }
.archi-contact-panel button:focus-visible { outline: 2px solid #b14a0c; outline-offset: 3px; }
.contact-actions button.contact-button { border: 0; cursor: pointer; font-family: inherit; }
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .archi-contact-panel { background: rgba(243,240,235,.96); }
}
@media (max-width: 767px) {
  [data-hero-menu] { left: calc(50% - 36px) !important; }
  [data-hero-menu] > div:has(> button[aria-haspopup='listbox']) { width: calc(100vw - 112px) !important; max-width: none; }
  [data-hero-menu] button[aria-haspopup='listbox'] { min-width: 0 !important; }
  [data-hero-menu] [role='listbox'] { width: calc(100vw - 40px) !important; }
  .archi-contact-launcher { width: 50px; min-height: 50px; justify-content: center; padding: 6px; }
  .archi-contact-launcher > span:last-child { display: none; }
  .archi-contact-panel { right: 16px; bottom: max(16px, env(safe-area-inset-bottom)); max-height: calc(100svh - 32px); padding: 22px; border-radius: 26px; }
  .archi-contact-panel__title { font-size: 25px; }
  .archi-contact-field input,
  .archi-contact-field select,
  .archi-contact-field textarea { font-size: 16px; }
}
@media (max-height: 640px) {
  .archi-contact-panel { max-height: calc(100svh - 24px); bottom: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .archi-contact-panel__close,
  .archi-contact-field input,
  .archi-contact-field select,
  .archi-contact-field textarea,
  .archi-contact-submit { transition: none; }
}