.template-syria-logistics .hero--trade-lane {
  background:
    radial-gradient(circle at 78% 20%, rgba(15, 143, 207, .24), transparent 32rem),
    linear-gradient(135deg, #061b2f 0%, #082b45 46%, #05324f 100%);
}

.template-syria-logistics .hero__copy h1,
.template-syria-logistics .hero__copy .eyebrow,
.template-syria-logistics .hero__copy .lede {
  color: #f4f9ff;
}

.template-syria-logistics .hero__copy .lede {
  color: rgba(232, 244, 255, .88);
}

.template-syria-logistics .hero-feature-pill {
  color: #f7fbff;
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .24);
}

.template-syria-logistics .hero-card.syria-mini-board {
  background:
    linear-gradient(145deg, rgba(8, 34, 58, .92), rgba(6, 25, 44, .84)),
    radial-gradient(circle at 90% 12%, rgba(15, 143, 207, .20), transparent 18rem);
  border: 1px solid rgba(158, 211, 242, .24);
  box-shadow: 0 30px 80px rgba(0, 12, 28, .36), inset 0 1px 0 rgba(255, 255, 255, .10);
  color: #f4f9ff;
  backdrop-filter: blur(18px);
}

.template-syria-logistics .syria-mini-board .kicker {
  color: #68c8ff;
}

.template-syria-logistics .syria-mini-board h2 {
  color: #ffffff;
}

.template-syria-logistics .syria-mini-board > p {
  color: rgba(232, 244, 255, .82);
}

.template-syria-logistics .syria-mini-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin-top: 1rem;
}

.template-syria-logistics .syria-mini-grid article {
  min-height: 0;
  padding: 1rem;
  border: 1px solid rgba(158, 211, 242, .18);
  border-radius: 1.1rem;
  background: rgba(255, 255, 255, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

.template-syria-logistics .syria-mini-grid span {
  display: block;
  color: #68c8ff;
  font-weight: 850;
  margin-bottom: .25rem;
}

.template-syria-logistics .syria-mini-grid strong {
  display: block;
  color: #ffffff;
  font-size: .98rem;
  line-height: 1.2;
}

.template-syria-logistics .syria-mini-grid p {
  margin: .35rem 0 0;
  color: rgba(232, 244, 255, .72);
  font-size: .88rem;
  line-height: 1.45;
}

.template-syria-logistics .link-grid .link-card p {
  margin: .65rem 0 0;
  color: #5d6b7a;
  line-height: 1.55;
}

.template-syria-logistics .link-grid .link-card {
  display: block;
  min-height: 0;
  padding: clamp(1.05rem, 2vw, 1.35rem);
}

.template-syria-logistics .link-grid .link-card__label {
  display: block;
  color: #0b2139;
  font-weight: 850;
  line-height: 1.2;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.template-syria-logistics .link-grid .link-card__arrow {
  display: inline-flex;
  margin-top: .85rem;
}

.template-syria-logistics .link-grid .link-card:hover,
.template-syria-logistics .link-grid .link-card:focus-visible {
  background: linear-gradient(135deg, #067fbd, #045f91);
  border-color: rgba(255, 255, 255, .28);
  color: #ffffff;
}

.template-syria-logistics .link-grid .link-card:hover .link-card__label,
.template-syria-logistics .link-grid .link-card:focus-visible .link-card__label,
.template-syria-logistics .link-grid .link-card:hover p,
.template-syria-logistics .link-grid .link-card:focus-visible p,
.template-syria-logistics .link-grid .link-card:hover .brand-name,
.template-syria-logistics .link-grid .link-card:focus-visible .brand-name {
  color: #ffffff;
}

@media (max-width: 640px) {
  .template-syria-logistics .hero--trade-lane {
    padding-block: 1.4rem 1.8rem;
  }

  .template-syria-logistics .hero__copy h1 {
    font-size: clamp(2.05rem, 10vw, 2.75rem);
    line-height: 1.03;
  }

  .template-syria-logistics .hero__copy .lede {
    font-size: 1rem;
    line-height: 1.58;
  }

  .template-syria-logistics .hero__actions {
    gap: .6rem;
    margin-top: 1.2rem;
  }

  .template-syria-logistics .hero__actions .button {
    min-height: 48px;
  }

  .template-syria-logistics .hero-visual-stack {
    height: auto;
    min-height: 0;
  }

  .template-syria-logistics .syria-mini-board {
    padding: 1.15rem;
    border-radius: 1.35rem;
  }

  .template-syria-logistics .syria-mini-board h2 {
    font-size: 1.35rem;
  }

  .template-syria-logistics .syria-mini-board > p {
    font-size: .95rem;
    line-height: 1.5;
  }

  .template-syria-logistics .syria-mini-grid {
    gap: .55rem;
  }

  .template-syria-logistics .syria-mini-grid article {
    padding: .75rem;
    border-radius: .9rem;
  }

  .template-syria-logistics .syria-mini-grid p {
    display: none;
  }

  .template-syria-logistics .link-grid {
    gap: .75rem;
  }

  .template-syria-logistics .link-grid .link-card {
    display: block;
    padding: 1rem;
    border-radius: 1rem;
  }

  .template-syria-logistics .link-grid .link-card p {
    font-size: .92rem;
    line-height: 1.45;
  }
}

/* Compact Syria service paths and request policy sections. */
.template-syria-logistics main > .section--related-links {
  padding-block: clamp(2.4rem, 4.5vw, 3.8rem);
}

.template-syria-logistics .section--related-links .related-links-panel {
  display: block;
  padding: clamp(1.4rem, 2.4vw, 2rem);
}

.template-syria-logistics .section--related-links .section-heading {
  position: static;
  max-width: 54rem;
  margin-bottom: clamp(1.1rem, 2vw, 1.5rem);
}

.template-syria-logistics .section--related-links .section-heading h2 {
  font-size: clamp(2rem, 3vw, 3.15rem);
  line-height: 1.02;
}

.template-syria-logistics .section--related-links .section-heading p {
  max-width: 48rem;
}

.template-syria-logistics .section--related-links .link-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .9rem;
}

.template-syria-logistics .section--related-links .link-card {
  min-height: 0;
  padding: 1.05rem;
}

.template-syria-logistics .section--related-links .link-card p {
  font-size: .92rem;
  line-height: 1.45;
}

.template-syria-logistics main > .section--soft:has(.trust-panel) {
  padding-block: clamp(1.8rem, 3.4vw, 2.8rem);
}

.template-syria-logistics .trust-panel {
  max-width: 62rem;
  padding: clamp(1.35rem, 2.4vw, 1.9rem);
  border: 1px solid rgba(7, 92, 142, .12);
  border-radius: 1.45rem;
  background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(239,248,255,.9));
  box-shadow: 0 18px 48px rgba(8, 45, 78, .08);
}

.template-syria-logistics .trust-panel .section-heading {
  max-width: none;
  margin: 0;
}

.template-syria-logistics .trust-panel .section-heading h2 {
  font-size: clamp(1.8rem, 2.4vw, 2.5rem);
}

.template-syria-logistics .trust-panel .section-heading p {
  max-width: 56rem;
  margin-bottom: 0;
}

@media (max-width: 980px) {
  .template-syria-logistics .section--related-links .link-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .template-syria-logistics main > .section--related-links,
  .template-syria-logistics main > .section--soft:has(.trust-panel) {
    padding-block: 1.6rem;
  }

  .template-syria-logistics .section--related-links .related-links-panel,
  .template-syria-logistics .trust-panel {
    padding: 1rem;
    border-radius: 1.15rem;
  }

  .template-syria-logistics .section--related-links .link-grid {
    grid-template-columns: 1fr;
  }
}

/* Codex visual polish 2026-08-29: compact mobile chrome, city cards, app cards, and Syria page spacing. */
@media (max-width:900px){body.public-site{padding-bottom:calc(104px + env(safe-area-inset-bottom))}:is(.public-site,.template-mira-app) .floating-actions{gap:6px!important;padding:7px max(10px,env(safe-area-inset-left)) max(7px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-right))!important;z-index:44}:is(.public-site,.template-mira-app) .floating-actions a,:is(.public-site,.template-mira-app) .floating-actions a:hover,:is(.public-site,.template-mira-app) .floating-actions a:focus-visible,:is(.public-site,.template-mira-app) .floating-actions a:active{border-radius:11px!important;min-height:52px!important}.mira-floating-launcher{bottom:calc(74px + env(safe-area-inset-bottom))!important;grid-template-columns:48px!important;min-height:52px!important;padding:2px!important;right:10px!important;transform:none!important;width:52px!important}.mira-floating-launcher img{height:48px!important;width:48px!important}.mira-floating-launcher::after{height:48px!important;width:48px!important}.mira-floating-launcher__halo{height:52px!important;width:52px!important}}
@media (max-width:700px){.public-site .section--app-downloads .app-download-grid{grid-template-columns:1fr!important}.public-site .app-download-card{align-items:center!important;display:grid!important;gap:16px!important;grid-template-columns:58px minmax(0,1fr)!important;min-height:0!important;padding:18px!important;width:100%!important}.public-site .app-download-card__badge{height:58px!important;width:58px!important}.public-site .app-download-card__text,.public-site .app-download-card__meta{min-width:0!important}.public-site .app-download-card__text strong,.public-site .app-download-card__meta strong,.public-site .app-download-card__meta small{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;white-space:normal!important}.public-site .service-selector{display:grid!important;gap:10px!important;grid-template-columns:1fr!important}.public-site .service-selector .button{border-radius:16px!important;line-height:1.22!important;min-height:52px!important;padding-inline:16px!important;text-align:center!important;white-space:normal!important;width:100%!important}.template-trade-lane .section--soft .container>.link-grid>article.link-card[id]{display:block!important;min-height:0!important;padding:18px 18px 20px!important}.template-trade-lane .section--soft .container>.link-grid>article.link-card[id] .link-card__label{display:block!important;font-size:1.02rem!important;line-height:1.18!important;margin:0 0 8px!important;max-width:100%!important;overflow-wrap:normal!important;white-space:normal!important;word-break:normal!important}.template-trade-lane .section--soft .container>.link-grid>article.link-card[id] p{font-size:.96rem!important;line-height:1.55!important;margin:0!important;overflow-wrap:normal!important}.template-trade-lane .hero--trade-lane .hero__actions{display:grid!important;grid-template-columns:1fr!important}.template-trade-lane .hero--trade-lane .hero__actions .button{width:100%!important}.template-trade-lane .hero--trade-lane .hero-card{border-color:rgba(255,255,255,.14)!important;box-shadow:0 22px 54px rgba(0,0,0,.18)!important}.template-trade-lane .section--related-links{padding-block:34px!important}.template-trade-lane .section--soft{padding-block:42px!important}}
@media (min-width:701px){.template-trade-lane .section--soft .container>.link-grid>article.link-card[id]{display:block;min-height:0;padding:22px}.template-trade-lane .section--soft .container>.link-grid>article.link-card[id] .link-card__label{display:block;margin-bottom:8px}.template-trade-lane .section--related-links{padding-block:46px}.template-trade-lane .section--related-links .related-links-panel{align-items:start;gap:28px;grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);padding:34px}.template-trade-lane .section--related-links .link-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Codex visual polish 2026-08-29: keep desktop WhatsApp quick action green. */
@media (min-width: 769px) {
  .floating-actions__whatsapp {
    background: linear-gradient(135deg, #1fbf63 0%, #14a854 100%) !important;
    color: #fff !important;
    border-color: rgba(31, 191, 99, 0.58) !important;
    box-shadow: 0 18px 38px rgba(20, 125, 60, 0.22) !important;
  }
  .floating-actions__whatsapp:hover,
  .floating-actions__whatsapp:focus-visible {
    background: linear-gradient(135deg, #22c767 0%, #147d3c 100%) !important;
    color: #fff !important;
  }
}


/* Codex visual polish 2026-08-29: compact related links panels on inner pages. */
@media (min-width: 701px) {
  .public-site:not(.template-home):not(.template-khouli) .section--related-links {
    padding-block: 42px !important;
  }
  .public-site:not(.template-home):not(.template-khouli) .section--related-links .related-links-panel {
    align-items: start !important;
    display: grid !important;
    gap: 28px !important;
    grid-template-columns: minmax(300px, .82fr) minmax(460px, 1.18fr) !important;
    padding: 34px !important;
  }
  .public-site:not(.template-home):not(.template-khouli) .section--related-links .related-links-panel .section-heading {
    align-self: start !important;
    max-width: 460px !important;
  }
  .public-site:not(.template-home):not(.template-khouli) .section--related-links .related-links-panel h2 {
    max-width: 11.5em !important;
  }
  .public-site:not(.template-home):not(.template-khouli) .section--related-links .related-links-panel .link-grid {
    display: grid !important;
    gap: 14px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .public-site:not(.template-home):not(.template-khouli) .section--related-links .related-links-panel .link-card {
    min-height: 68px !important;
    padding: 16px 18px !important;
  }
}
@media (min-width: 1100px) {
  .public-site:not(.template-home):not(.template-khouli) .section--related-links .related-links-panel {
    grid-template-columns: minmax(320px, .76fr) minmax(560px, 1.24fr) !important;
  }
  .public-site:not(.template-home):not(.template-khouli) .section--related-links .related-links-panel .link-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}