.trade-footer {
  --trade-rule:#cec4b5;
  display:block;margin:0;padding:clamp(16px,2.8vw,48px) clamp(16px,3vw,54px) 0;
  background:#f9f1e4;color:#25243c;border:0;font-family:var(--sans);
}
.trade-invite {
  isolation:isolate;display:grid;place-items:center;position:relative;overflow:hidden;
  min-height:clamp(340px,37.8vw,580px);padding:52px 22px;
  border-radius:clamp(16px,1.7vw,28px);text-align:center;background:#681d31;color:#fff8ee
}
.trade-invite::before {
  content:"";position:absolute;inset:0;z-index:-1;
  background:url("/media/F02.jpg") center 55% / cover;mix-blend-mode:luminosity;opacity:.18
}
.trade-invite-copy {display:grid;justify-items:center;gap:clamp(24px,2vw,36px)}
.trade-invite h2 {font:600 clamp(46px,5.2vw,84px)/.99 var(--sans);letter-spacing:-.045em;text-transform:uppercase;max-inline-size:13ch;margin:0;text-wrap:balance;color:inherit}
.trade-mail {display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,360px);padding:7px 8px 7px 21px;border-radius:40px;background:#fff1e4;color:#542037;text-align:start;font:600 16px/1.3 var(--sans);transition:background .24s}
.trade-mail span:last-child {border:1px solid #bca8a2;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:23px}
.trade-mail:hover {background:white}
.trade-directory {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(32px,.75fr) minmax(0,.85fr);gap:4vw;padding:clamp(44px,5vw,82px) 1vw 0}
.trade-nav {grid-column:4}
.trade-directory h3 {margin:0 0 24px;font:600 14px/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#85253b}
.trade-directory dl,.trade-directory dd {margin:0}
.trade-directory dt {font:600 16px/1.4 var(--sans);margin:17px 0 3px}
.trade-directory dt:first-child {margin-top:0}
.trade-directory dd,.trade-nav a {font:400 17px/1.45 var(--sans)}
.trade-directory dd {color:#484558;overflow-wrap:anywhere}
.trade-directory address {font:inherit;max-width:29ch}
.trade-phones a,.trade-nav a {display:table;width:fit-content}
.trade-directory a,.trade-legal a {text-decoration:underline;text-underline-offset:.24em;text-decoration-color:transparent;transition:color .22s,text-decoration-color .22s}
.trade-nav a {padding:2px 0;color:inherit}
.trade-directory a:hover,.trade-directory a:focus-visible,.trade-legal a:hover,.trade-nav a[aria-current] {color:#8b243b;text-decoration-color:currentColor}
.trade-signature {display:grid;justify-items:center;padding:clamp(30px,4vw,64px) 0}
.trade-signature img {display:block;width:clamp(168px,20vw,320px);height:auto}
.trade-legal {border-top:1px solid var(--trade-rule);display:flex;align-items:center;justify-content:space-between;padding:12px 1vw;gap:20px}
.trade-legal small,.trade-legal a {font:400 14px/1.45 var(--sans);color:#54505e}
.trade-legal a {display:inline-grid;align-items:center;min-height:44px}
html[lang=ar] .trade-footer :is(h2,h3) {letter-spacing:0;line-height:1.25}
@media (min-width:761px) and (max-width:1050px) {
  .trade-directory {grid-template-columns:repeat(3,minmax(0,1fr))}
  .trade-nav {grid-column:auto}
}
@media(max-width:760px) {
  .trade-invite {min-height:clamp(280px,72vw,380px)}
  .trade-invite h2 {font-size:clamp(38px,11vw,60px)}
  .trade-directory {grid-template-columns:minmax(0,1fr);gap:30px;padding:38px 4px 0}
  .trade-nav {grid-column:auto;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
  .trade-directory h3 {margin-bottom:14px}
  .trade-nav h3 {grid-column:1/-1}
  .trade-nav a,.trade-directory dd a {display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
  .trade-phones {display:grid;justify-items:start}
  .trade-contact,.trade-locations {border-top:1px solid var(--trade-rule);padding-top:24px}
  .trade-signature {padding:38px 0}
}
@media(prefers-reduced-motion:no-preference) {
  .trade-arrive {animation:trade-appear .55s ease-out both}
  @keyframes trade-appear {from {opacity:.4;transform:translateY(8px)} to {opacity:1;transform:none}}
}
@media(max-width:760px) {
  .trade-footer {padding-top:14px}
  .trade-invite {min-height:185px;padding:24px 16px}
  .trade-invite-copy {gap:12px}
  .trade-invite h2 {font-size:clamp(30px,8vw,44px)}
  .trade-directory {gap:18px;padding:22px 2px 0}
  .trade-contact,.trade-locations {padding-top:14px}
  .trade-directory h3 {margin-bottom:6px}
  .trade-contact dl {display:grid;grid-template-columns:minmax(66px,.7fr) minmax(0,2fr);align-items:baseline;gap:2px 8px}
  .trade-contact dt {margin:0;font-size:14px}
  .trade-contact dd,.trade-nav a {font-size:16px}
  .trade-signature {padding:20px 0}
  .trade-signature img {width:128px}
  .trade-legal {padding-block:2px}
  body[data-page=contact] .trade-invite,body[data-page=contact] .trade-contact,body[data-page=contact] .trade-locations {display:none}
}
