/* Avimaro 2026 visual foundation: a light, editorial trade desk. */
:root,
:root[data-theme="dark"] {
  --av-red: #a6192e;
  --av-red-deep: #811224;
  --av-ink: #18181a;
  --av-muted: #626269;
  --av-paper: #fbfaf7;
  --av-white: #ffffff;
  --av-sand: #f2eee7;
  --av-line: #e7e1d9;
  --av-soft-red: #f8ecee;
  --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: "Playfair Display", Georgia, serif;
  color-scheme: light;
}

html { background: var(--av-paper); scroll-behavior: smooth; }
body {
  min-width: 320px;
  overflow-x: clip;
  background: var(--av-paper) !important;
  color: var(--av-ink) !important;
  font-family: var(--font-sans) !important;
  font-size: 15px;
  line-height: 1.6;
}
body::before { content: none !important; }
main, .site-header, .footer, .flash-stack { position: relative; z-index: 10; }
.avimaro-background-matrix, .background-matrix, .mosaic-layer {
  position: fixed !important; inset: 0 !important; z-index: 0 !important;
  pointer-events: none !important; opacity: .025 !important;
  mix-blend-mode: multiply; transform: translateZ(0); will-change: opacity;
}
.avimaro-background-matrix svg, .background-matrix svg { width: 180px !important; height: 180px !important; }

* { box-sizing: border-box; }
img, video { max-width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--av-red); }
h1, h2, h3, h4, .display, .section-h2 { color: var(--av-ink) !important; font-family: var(--font-display) !important; letter-spacing: 0 !important; }
h1, .display { font-size: clamp(2.4rem, 5vw, 5.45rem) !important; line-height: 1.01 !important; }
h2, .section-h2 { font-size: clamp(1.85rem, 3vw, 3.25rem) !important; line-height: 1.08 !important; }
h3 { font-size: clamp(1.12rem, 1.8vw, 1.45rem) !important; line-height: 1.2 !important; }
p, li, small { color: var(--av-muted); }
.eyebrow { color: var(--av-red) !important; font-size: .7rem !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; }
.section, .section-inner { position: relative; }
.section { padding: clamp(3.75rem, 8vw, 7.5rem) 0 !important; background: transparent !important; }
.section-inner, .navbar, .footer__inner, .footer__bottom { width: min(1360px, calc(100% - 48px)) !important; margin-inline: auto !important; }
.section--muted { background: var(--av-sand) !important; }
.section-head { margin-bottom: clamp(1.8rem, 4vw, 3.6rem) !important; gap: 1.5rem; }
.section-head--split { align-items: end; }
.section-sub, .lead { max-width: 57ch; font-size: clamp(1rem, 1.6vw, 1.18rem) !important; }

/* Header and navigation */
.site-header { position: sticky !important; top: 0; background: rgb(251 250 247 / .92) !important; border-bottom: 1px solid rgb(24 24 26 / .08) !important; backdrop-filter: blur(18px); box-shadow: none !important; transition: transform .22s ease, background-color .22s ease !important; }
.site-header.is-hidden { transform: none !important; }
.navbar { min-height: 72px !important; display: grid !important; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.4rem; }
.brand { display: inline-flex !important; align-items: center; width: 132px !important; min-width: 132px; }
.brand__wordmark, .brand__wordmark img { display: block; width: 100%; height: auto; }
.nav-menu { display: flex !important; align-items: center; justify-content: center; gap: .2rem; min-width: 0; }
.nav-link, .nav-dropdown summary { position: relative; padding: .62rem .7rem !important; border-radius: 4px; color: #36363a !important; font-size: .82rem !important; font-weight: 600 !important; text-decoration: none !important; white-space: nowrap; }
.nav-link:hover, .nav-dropdown summary:hover, .nav-link.is-active, .nav-dropdown summary.is-active { color: var(--av-red) !important; background: var(--av-soft-red) !important; }
.nav-dropdown { position: relative; }
.nav-dropdown summary { list-style: none; display: inline-flex; gap: .3rem; align-items: center; cursor: pointer; }
.nav-dropdown summary::-webkit-details-marker { display: none; }
.nav-dropdown__panel { position: absolute; top: calc(100% + .7rem); left: 0; z-index: 120; display: grid; min-width: 190px; padding: .55rem; border: 1px solid var(--av-line); background: var(--av-white); box-shadow: 0 16px 35px rgb(24 24 26 / .09); }
.nav-dropdown__panel a { padding: .55rem .7rem; text-decoration: none; font-size: .84rem; }
.nav-actions, .nav-menu__auth { display: flex; align-items: center; gap: .55rem; }
.nav-menu__auth { display: none; }
.language-switcher { position: relative; }
.language-switcher summary { display: inline-flex; align-items: center; gap: .36rem; min-height: 36px; padding: 0 .55rem; cursor: pointer; list-style: none; border: 1px solid var(--av-line); font-size: .73rem; font-weight: 700; }
.language-switcher summary::-webkit-details-marker { display: none; }
.language-switcher__menu { position: absolute; right: 0; z-index: 130; min-width: 110px; padding: .4rem; border: 1px solid var(--av-line); background: var(--av-white); box-shadow: 0 14px 32px rgb(24 24 26 / .1); }
.language-switcher__menu a { display: block; padding: .45rem .55rem; font-size: .78rem; text-decoration: none; }
.language-switcher__menu .is-active { color: var(--av-red); font-weight: 700; }
.nav-disclosure, .nav-toggle, .mobile-nav-band, .av-mobile-menu-button, .av-mobile-menu { display: none !important; }

/* Buttons and forms */
.btn, button.btn { position: relative; min-height: 44px; padding: .66rem 1rem !important; border-radius: 3px !important; border: 1px solid var(--av-ink) !important; background: transparent !important; color: var(--av-ink) !important; font-family: var(--font-sans) !important; font-size: .8rem !important; font-weight: 700 !important; letter-spacing: .02em; line-height: 1.1; box-shadow: none !important; text-decoration: none !important; transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease !important; }
.btn:hover, button.btn:hover { transform: translateY(-1px); color: var(--av-red) !important; border-color: var(--av-red) !important; }
.btn--primary, button.btn--primary { border-color: var(--av-red) !important; background: var(--av-red) !important; color: #fff !important; }
.btn--primary:hover, button.btn--primary:hover { border-color: var(--av-red-deep) !important; background: var(--av-red-deep) !important; color: #fff !important; }
.btn--light { border-color: #fff !important; background: #fff !important; color: var(--av-ink) !important; }
.btn--ghost { background: transparent !important; }
.btn--lg { min-height: 48px; padding-inline: 1.3rem !important; }
.btn--sm { min-height: 36px; padding: .5rem .72rem !important; font-size: .72rem !important; }
input, select, textarea { width: 100%; min-height: 44px; border: 1px solid #d6d0c8 !important; border-radius: 2px !important; background: rgb(255 255 255 / .9) !important; color: var(--av-ink) !important; font: inherit !important; box-shadow: none !important; }
textarea { min-height: 118px; resize: vertical; }
input:focus, select:focus, textarea:focus { outline: 2px solid rgb(166 25 46 / .16) !important; outline-offset: 1px; border-color: var(--av-red) !important; }
label, .field > span { color: var(--av-ink) !important; font-size: .78rem; font-weight: 700; }
.flash-stack { width: min(1360px, calc(100% - 48px)); margin: 1rem auto 0; }
.alert { border-radius: 2px !important; box-shadow: none !important; }

/* Home: simple, measurable, and content-first */
.avm-hero { min-height: min(740px, calc(100vh - 72px)) !important; display: grid !important; grid-template-columns: minmax(0, 1.03fr) minmax(360px, .97fr); align-items: stretch; overflow: hidden; background: var(--av-ink) !important; border-bottom: 1px solid rgb(0 0 0 / .18); }
.avm-hero__media { position: relative !important; grid-column: 2; grid-row: 1; min-height: 540px; overflow: hidden; isolation: isolate; background: url("../img/cinematic/morocco-casablanca-civic.webp") center / cover no-repeat; }
.avm-hero__media::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgb(24 24 26 / .1), transparent 52%), url("../img/cinematic/turkiye-galata-skyline.webp") center / cover no-repeat; clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%); mix-blend-mode: screen; opacity: .78; }
.avm-hero__image { display: none !important; }
.avm-hero__image--morocco { clip-path: polygon(0 0, 100% 0, 100% 53%, 0 75%); }
.avm-hero__image--turkiye { clip-path: polygon(0 75%, 100% 53%, 100% 100%, 0 100%); }
.avm-hero__image img { width: 100%; height: 100%; object-fit: cover; will-change: transform; transform: translateZ(0); filter: saturate(.78) contrast(.98); }
.avm-hero__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgb(24 24 26 / .92), rgb(24 24 26 / .08)); z-index: 3; }
.avm-hero__content { position: relative !important; grid-column: 1; grid-row: 1; z-index: 4; align-self: center; width: min(660px, calc(100% - 64px)); margin-left: max(24px, calc((100vw - 1360px) / 2)); padding: 5rem 0 8rem; }
.avm-hero h1, .avm-hero .lead { color: #fff !important; }
.avm-hero h1 { max-width: 9ch; margin: .65rem 0 1.25rem; }
.avm-hero .eyebrow { color: #ffccd4 !important; }
.avm-hero .lead { max-width: 46ch; opacity: .82; }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.8rem; }
.trade-route { z-index: 5 !important; left: max(24px, calc((100vw - 1360px) / 2)) !important; bottom: 2.2rem !important; width: min(520px, 42vw) !important; }
.trade-route__node { border-color: rgb(255 255 255 / .35) !important; background: var(--av-red) !important; }
.trade-route svg path { stroke: rgb(255 255 255 / .42) !important; }
.trade-route svg .trade-route__pulse { stroke: #ef6378 !important; }
.service-grid { display: grid !important; grid-template-columns: repeat(12, 1fr); gap: 1px !important; border: 1px solid var(--av-line); background: var(--av-line); }
.service-panel { grid-column: span 3; min-height: 250px; padding: 1.6rem !important; background: rgb(255 255 255 / .84) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.service-panel--wide { grid-column: span 3; }
.service-panel i { color: var(--av-red); }
.service-panel a, .text-link { color: var(--av-red); font-weight: 700; text-decoration: none; }
.corridor-story__grid { display: grid !important; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 6vw, 6rem); align-items: center; }
.corridor-story__media { margin: 0; aspect-ratio: 1.12; overflow: hidden; background: var(--av-ink); }
.corridor-story__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.75); }
.corridor-story__copy { max-width: 50ch; }
.role-cta { background: var(--av-ink) !important; }
.role-cta h2, .role-cta .eyebrow { color: #fff !important; }
.role-cta .eyebrow { color: #f9a7b4 !important; }
.role-cta__grid { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 1px !important; border: 1px solid rgb(255 255 255 / .15); background: rgb(255 255 255 / .15); }
.role-cta__item { min-height: 228px; padding: 1.55rem; background: #202024 !important; border: 0 !important; border-radius: 0 !important; text-decoration: none; }
.role-cta__item:hover { background: #29292d !important; }
.role-cta__item span { color: #f49aaa !important; }
.role-cta__item h3 { color: #fff !important; }
.role-cta__item p { color: #c7c7ca !important; }

/* Reusable cards, marketplace, knowledge, detail pages */
.market-grid, .article-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px !important; border: 1px solid var(--av-line); background: var(--av-line); }
.market-card, .article-card { min-width: 0; background: rgb(255 255 255 / .9) !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.market-card__media { aspect-ratio: 4 / 3; background: var(--av-sand); }
.market-card__media img { width: 100%; height: 100%; object-fit: cover; }
.market-card__body, .article-card { padding: 1.25rem !important; }
.market-card__body p, .article-card p { font-size: .85rem; }
.tag, .article-tag, .badge { border-radius: 999px !important; border: 1px solid rgb(166 25 46 / .18) !important; background: var(--av-soft-red) !important; color: var(--av-red) !important; font-size: .68rem !important; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.knowledge-hero, .page-hero { width: min(1360px, calc(100% - 48px)); margin: 0 auto; padding: clamp(4rem, 9vw, 8rem) 0 clamp(2.8rem, 5vw, 4.5rem) !important; background: transparent !important; }
.knowledge-hero > p:not(.eyebrow), .page-hero .lead { max-width: 60ch; }
.article-card__meta { display: flex; gap: .7rem; align-items: center; }
.editorial-article { width: min(820px, calc(100% - 48px)); margin: 0 auto; padding: clamp(4rem, 8vw, 7rem) 0; }
.editorial-article header { padding-bottom: 2rem; border-bottom: 1px solid var(--av-line); }
.editorial-article__body { margin-top: 2rem; white-space: pre-line; font-size: 1.02rem; }
.editorial-article footer { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 3rem; }
.product-view, .supplier-profile-hero { width: min(1360px, calc(100% - 48px)); margin: 0 auto; }
.product-view { display: grid !important; grid-template-columns: 1.05fr .95fr; gap: clamp(2rem, 6vw, 6rem); padding: clamp(3rem, 7vw, 6rem) 0; }
.product-view__media { aspect-ratio: 4 / 3; background: var(--av-sand); border: 1px solid var(--av-line); }
.product-view__media img { width: 100%; height: 100%; object-fit: cover; }
.product-view__content { align-self: center; }
.product-view__price { color: var(--av-red) !important; font-family: var(--font-display); font-size: 2.1rem; }
.supplier-summary { display: grid !important; grid-template-columns: repeat(3, 1fr); margin: 2rem 0 !important; border: 1px solid var(--av-line); }
.supplier-summary > div { padding: .85rem; border-right: 1px solid var(--av-line); }
.supplier-summary > div:last-child { border-right: 0; }
.supplier-summary span { display: block; color: var(--av-muted); font-size: .7rem; text-transform: uppercase; }
.supplier-profile-hero { display: flex !important; justify-content: space-between; gap: 2rem; padding: clamp(3.5rem, 7vw, 6.5rem) 0 2rem; border-bottom: 1px solid var(--av-line); }
.supplier-profile-hero__identity { display: flex; gap: 1rem; align-items: center; }
.supplier-profile-hero__identity > span { display: grid; width: 64px; aspect-ratio: 1; place-items: center; background: var(--av-ink); color: #fff; font-family: var(--font-display); font-size: 2rem; }
.supplier-profile-hero dl { display: flex; gap: 2rem; margin: 0; }
.supplier-profile-hero dt { color: var(--av-muted); font-size: .72rem; text-transform: uppercase; }
.supplier-profile-hero dd { margin: .3rem 0 0; color: var(--av-ink); font-weight: 700; }

/* Functional application surfaces: remove the prototype card clutter. */
.message-workspace, .workspace-shell, .admin-shell, .basket-layout { width: min(1440px, calc(100% - 32px)); margin: 1.4rem auto; border: 1px solid var(--av-line); background: rgb(255 255 255 / .82); box-shadow: 0 20px 50px rgb(24 24 26 / .04); }
.message-workspace { min-height: calc(100vh - 126px); grid-template-columns: 280px minmax(0, 1fr) 280px !important; }
.conversation-sidebar, .assistant-rail { background: var(--av-white) !important; border-color: var(--av-line) !important; }
.conversation-panel { background: rgb(251 250 247 / .55) !important; }
.conversation-link { border-bottom-color: var(--av-line) !important; }
.conversation-link.is-active { background: var(--av-soft-red) !important; }
.conversation-link__avatar { background: var(--av-ink) !important; }
.persistent-message { border-radius: 3px !important; box-shadow: none !important; }
.persistent-message.is-mine { background: var(--av-ink) !important; }
.persistent-composer { border-top-color: var(--av-line) !important; background: var(--av-white) !important; }
.sidebar, .dashboard-sidebar, .admin-sidebar { background: var(--av-ink) !important; }
.admin-sidebar *, .sidebar * { color: #f8f7f4 !important; }
.dashboard-main, .admin-main, .workspace-main { background: var(--av-paper) !important; }
.metric-grid, .dashboard-metrics, .admin-metric-grid { gap: 1px !important; background: var(--av-line); border: 1px solid var(--av-line); }
.metric-card, .dashboard-card, .admin-card, .glass-card { border: 0 !important; border-radius: 0 !important; background: rgb(255 255 255 / .92) !important; box-shadow: none !important; }
table { border-collapse: collapse; }
th { color: var(--av-muted) !important; background: var(--av-sand) !important; font-size: .7rem !important; text-transform: uppercase; letter-spacing: .06em; }
td, th { border-color: var(--av-line) !important; }
.empty-state { border: 1px dashed #d6d0c8 !important; border-radius: 0 !important; background: rgb(255 255 255 / .6) !important; box-shadow: none !important; }
.pricing-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px !important; border: 1px solid var(--av-line); background: var(--av-line); }
.pricing-card { border: 0 !important; border-radius: 0 !important; background: var(--av-white) !important; box-shadow: none !important; }
.pricing-card--featured { background: var(--av-ink) !important; }
.pricing-card--featured, .pricing-card--featured h2, .pricing-card--featured p, .pricing-card--featured li { color: #fff !important; }
.auth-layout, .sourcing-layout { width: min(1120px, calc(100% - 48px)); margin: clamp(2rem, 6vw, 5rem) auto; border: 1px solid var(--av-line); background: rgb(255 255 255 / .88); box-shadow: none !important; }
.auth-layout__aside, .sourcing-layout__aside { background: var(--av-ink) !important; }
.auth-layout__aside *, .sourcing-layout__aside * { color: #fff !important; }

/* Footer */
.footer { overflow: hidden; margin-top: 0 !important; padding: 4.5rem 0 1.3rem !important; background: var(--av-ink) !important; color: #fff; }
.footer__watermark { opacity: .05 !important; width: min(1120px, 90vw) !important; height: auto !important; right: -2vw !important; bottom: 2rem !important; filter: none !important; }
.footer__inner { display: grid !important; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 2.4rem; }
.footer__brand img { width: 185px !important; height: auto !important; filter: none !important; }
.footer p, .footer a, .footer__bottom { color: #c7c6ca !important; }
.footer h2 { color: #fff !important; font-family: var(--font-sans) !important; font-size: .72rem !important; letter-spacing: .1em !important; text-transform: uppercase; }
.footer a:hover { color: #fff !important; }
.footer__bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 3rem !important; padding-top: 1.2rem; border-top: 1px solid rgb(255 255 255 / .14); font-size: .75rem; }

/* Performance: old prototype motion stays quiet. */
[data-aos], .reveal, .text-reveal, .cinematic-section { opacity: 1 !important; transform: none !important; animation: none !important; }
.avm-hero__image, .corridor-story__media img, .market-card__media img { will-change: transform, opacity; transform: translateZ(0); backface-visibility: hidden; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

@media (max-width: 1050px) {
  .navbar { grid-template-columns: auto 1fr auto; min-height: 64px !important; gap: 1rem; }
  .brand { width: 126px !important; min-width: 126px; }
  .nav-menu, .nav-actions, .nav-disclosure { display: none !important; }
  .av-mobile-menu-button { grid-column: 3; display: inline-grid !important; width: 48px; height: 48px; place-content: center; justify-self: end; padding: 0; border: 1px solid var(--av-line); border-radius: 2px; background: var(--av-white); color: var(--av-ink); cursor: pointer; touch-action: manipulation; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
  .av-mobile-menu-button span { display: block; width: 20px; height: 2px; margin: 3px 0; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
  .av-mobile-menu-button[aria-expanded="true"] { border-color: var(--av-red); color: var(--av-red); }
  .av-mobile-menu-button[aria-expanded="true"] span:first-child { transform: translateY(4px) rotate(45deg); }
  .av-mobile-menu-button[aria-expanded="true"] span:last-child { transform: translateY(-4px) rotate(-45deg); }
  .av-mobile-menu-button:focus-visible, .av-mobile-menu__close:focus-visible { outline: 3px solid rgb(166 25 46 / .24); outline-offset: 2px; }
  .av-mobile-menu[hidden] { display: none !important; }
  .av-mobile-menu:not([hidden]) { position: fixed; inset: 64px 0 0 auto; z-index: 500; display: flex !important; width: min(100%, 430px); min-height: 0; flex-direction: column; overflow-x: hidden; overflow-y: auto; padding: 0 20px calc(24px + env(safe-area-inset-bottom)); border-top: 1px solid var(--av-line); border-left: 1px solid var(--av-line); background: var(--av-paper); box-shadow: -18px 24px 50px rgb(24 24 26 / .16); overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  .av-mobile-menu__header { display: flex; min-height: 64px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--av-line); color: var(--av-muted); font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
  .av-mobile-menu__close { display: inline-grid; width: 44px; height: 44px; place-content: center; padding: 0; border: 1px solid var(--av-line); border-radius: 2px; background: var(--av-white); color: var(--av-ink); cursor: pointer; touch-action: manipulation; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; }
  .av-mobile-menu__close span { display: block; width: 18px; height: 2px; background: currentColor; transform: rotate(45deg); }
  .av-mobile-menu__close span + span { margin-top: -2px; transform: rotate(-45deg); }
  .av-mobile-menu__links { display: grid; padding: 12px 0; }
  .av-mobile-menu__links a { display: flex; min-height: 48px; align-items: center; justify-content: space-between; padding: 8px 10px; border-bottom: 1px solid var(--av-line); color: var(--av-ink); font-size: .93rem; font-weight: 650; text-decoration: none; }
  .av-mobile-menu__links a::after { content: "\203A"; color: var(--av-muted); font-size: 1.25rem; font-weight: 400; }
  .av-mobile-menu__links a.is-active { border-left: 3px solid var(--av-red); background: var(--av-soft-red); color: var(--av-red); }
  .av-mobile-menu__languages { display: grid; gap: 10px; padding: 18px 0; border-bottom: 1px solid var(--av-line); }
  .av-mobile-menu__languages > span { color: var(--av-muted); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
  .av-mobile-menu__languages > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .av-mobile-menu__languages a { display: grid; min-height: 44px; place-items: center; border: 1px solid var(--av-line); background: var(--av-white); color: var(--av-ink); font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-decoration: none; }
  .av-mobile-menu__languages a.is-active { border-color: var(--av-red); background: var(--av-red); color: #fff; }
  .av-mobile-menu__account { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding-top: 18px; }
  .av-mobile-menu__account form { grid-column: 1 / -1; margin: 0; }
  .av-mobile-menu__account .btn { width: 100%; justify-content: center; }
  .avm-hero { grid-template-columns: 1fr; }
  .avm-hero__media { grid-column: 1; min-height: 580px; }
  .avm-hero__content { grid-column: 1; width: min(680px, calc(100% - 48px)); margin-inline: auto; }
  .trade-route { width: min(540px, calc(100% - 48px)) !important; left: 24px !important; }
  .service-panel, .service-panel--wide { grid-column: span 6; }
  .role-cta__grid { grid-template-columns: repeat(2, 1fr); }
  .footer__inner { grid-template-columns: 1.4fr repeat(2, 1fr); }
  .footer__brand { grid-column: span 3; }
  .message-workspace { grid-template-columns: 240px minmax(0, 1fr) !important; }
  .assistant-rail { display: none; }
}
@media (max-width: 720px) {
  .section-inner, .navbar, .footer__inner, .footer__bottom, .knowledge-hero, .page-hero, .product-view, .supplier-profile-hero, .editorial-article, .auth-layout, .sourcing-layout { width: min(100% - 32px, 1360px) !important; }
  .section { padding: 3.5rem 0 !important; }
  .avm-hero { min-height: 690px !important; }
  .avm-hero__content { width: calc(100% - 32px); padding: 4rem 0 7rem; }
  .avm-hero__media { min-height: 690px; }
  .avm-hero__veil { background: linear-gradient(180deg, rgb(24 24 26 / .82), rgb(24 24 26 / .24) 62%, rgb(24 24 26 / .75)); }
  .avm-hero h1 { max-width: 10ch; }
  .trade-route { left: 16px !important; width: calc(100% - 32px) !important; }
  .service-grid, .market-grid, .article-grid, .pricing-grid { grid-template-columns: 1fr !important; }
  .service-panel, .service-panel--wide { grid-column: auto; min-height: 0; }
  .corridor-story__grid, .product-view { grid-template-columns: 1fr !important; }
  .role-cta__grid { grid-template-columns: 1fr; }
  .supplier-profile-hero { display: grid !important; }
  .supplier-profile-hero dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
  .supplier-summary { grid-template-columns: 1fr; }
  .supplier-summary > div { border-right: 0; border-bottom: 1px solid var(--av-line); }
  .supplier-summary > div:last-child { border-bottom: 0; }
  .message-workspace { width: 100%; margin: 0; border-inline: 0; grid-template-columns: 1fr !important; }
  .conversation-sidebar { max-height: 205px; overflow: auto; }
  .conversation-panel { min-height: 65vh; }
  .footer__inner { grid-template-columns: repeat(2, 1fr); gap: 2rem 1rem; }
  .footer__brand { grid-column: span 2; }
  .footer__bottom { display: grid; }
}