:root {
  --flb-ivory: #f8f5ef;
  --flb-ink: #07111b;
  --flb-navy: #073b63;
  --flb-gold: #c99a4a;
  --flb-muted: #626a70;
  --flb-line: rgba(10, 20, 30, .1);
}

.flb-site-header, .flb-site-header *, .flb-site-footer, .flb-site-footer * { box-sizing: border-box; }
.flb-site-header {
  position: sticky; top: 0; z-index: 1000; width: 100%; height: 76px;
  background: rgba(248, 245, 239, .94); border-bottom: 1px solid var(--flb-line);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  color: var(--flb-ink); font: 14px/1.5 Inter, system-ui, -apple-system, sans-serif;
}
html[lang="ar"] .flb-site-header { font-family: Cairo, system-ui, sans-serif; }
.flb-site-nav {
  position: relative; width: calc(100% - 2 * clamp(22px, 5vw, 76px)); height: 100%; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between; gap: 22px;
}
.flb-site-brand, .flb-footer-brand-name {
  color: var(--flb-ink); font-size: 16px; font-weight: 800; letter-spacing: -.035em;
  text-decoration: none; white-space: nowrap;
}
.flb-site-brand { display: flex; flex: 0 0 56px; width: 56px; height: 44px; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.flb-site-brand img { display: block; width: 56px; height: 44px; object-fit: contain; }
.flb-site-links { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: clamp(14px, 2.2vw, 34px); list-style: none; margin: 0; padding: 0; direction: ltr; }
.flb-site-links a { color: #4e5960; text-decoration: none; font-size: 13.5px; font-weight: 500; transition: color .2s; }
.flb-site-links a:hover { color: var(--flb-ink); }
.flb-site-actions { display: flex; align-items: center; gap: 10px; direction: ltr; }
.flb-site-cta {
  min-height: 42px; display: inline-flex; align-items: center; justify-content: center;
  padding: 12px 21px; border-radius: 13px; background: var(--flb-navy); color: #fff;
  text-decoration: none; font-size: 13px; font-weight: 600; line-height: 1.6; white-space: nowrap;
  transition: background .2s, transform .2s;
}
.flb-site-cta:hover { color: #fff; background: #0a4b7c; transform: translateY(-1px); }
.flb-site-language {
  padding: 7px 16px; border: 1.5px solid rgba(75, 123, 245, .35); border-radius: 12px;
  background: rgba(75, 123, 245, .08); color: #4b7bf5; font-family: inherit; font-size: 13px; font-weight: 700; line-height: normal; cursor: pointer;
}
.flb-site-language:hover { background: rgba(7, 59, 99, .06); }
.flb-site-header a:focus-visible, .flb-site-header button:focus-visible,
.flb-site-footer a:focus-visible { outline: 3px solid var(--flb-gold); outline-offset: 3px; }

.flb-site-footer {
  background: #111; color: #fff; padding: 72px 64px 40px;
  font: 14px/1.6 Inter, system-ui, -apple-system, sans-serif;
}
html[lang="ar"] .flb-site-footer { font-family: Cairo, system-ui, sans-serif; }
.flb-footer-inner { max-width: 1200px; margin: 0 auto; }
.flb-footer-download {
  display: flex; align-items: center; justify-content: space-between; gap: 28px;
  padding: 20px 0; margin-bottom: 42px; border-block: 1px solid rgba(255,255,255,.12);
}
.flb-footer-download-copy h2 { margin: 0 0 5px; color: #fff; font-size: 18px; font-weight: 750; letter-spacing: -.02em; }
.flb-footer-download-copy p { margin: 0; color: rgba(255,255,255,.68); font-size: 12.5px; }
.flb-footer-stores { display: flex; flex: 1; max-width: 690px; align-items: stretch; }
.flb-footer-stores a {
  min-width: 0; min-height: 62px; flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 8px 14px; border-radius: 9px; color: rgba(255,255,255,.9); text-decoration: none;
  font-size: 13px; font-weight: 650; transition: color .2s, background .2s, transform .2s;
}
.flb-footer-stores a + a { border-inline-start: 1px solid rgba(255,255,255,.14); }
.flb-footer-stores a:hover { color: #fff; background: rgba(255,255,255,.06); transform: translateY(-1px); }
.flb-footer-store-icon { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; }
.flb-footer-store-icon svg { width: 100%; height: 100%; display: block; }
.flb-footer-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(130px, 1fr) minmax(170px, 1fr); gap: 44px; margin-bottom: 56px; }
.flb-footer-brand-name { display: inline-block; margin-bottom: 10px; color: #fff; font-size: 19px; }
.flb-footer-brand p { max-width: 34ch; margin: 0; color: rgba(255,255,255,.68); font-size: 13px; }
.flb-footer-col { display: flex; align-items: flex-start; flex-direction: column; gap: 9px; }
.flb-footer-col h3 { margin: 0 0 4px; color: rgba(255,255,255,.58); font-size: 11px; line-height: 1.5; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.flb-footer-col a { color: rgba(255,255,255,.8); text-decoration: none; font-size: 13.5px; transition: color .2s; }
.flb-footer-col a:hover { color: #fff; }
.flb-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.1); color: rgba(255,255,255,.52); font-size: 12.5px; }

body.page-id-3, body.page-id-18 { background: var(--flb-ivory) !important; color: var(--flb-ink); }
body.page-id-3 #masthead, body.page-id-18 #masthead,
body.page-id-3 #colophon, body.page-id-18 #colophon,
body.page-id-3 .site-footer, body.page-id-18 .site-footer,
body.page-id-3 .ast-below-footer-wrap, body.page-id-18 .ast-below-footer-wrap { display: none !important; }
body.page-id-3 .site-content, body.page-id-18 .site-content { background: var(--flb-ivory); }
body.page-id-3 .site-content > .ast-container, body.page-id-18 .site-content > .ast-container { max-width: 1200px; padding-inline: 24px; }
body.page-id-3 .site-main, body.page-id-18 .site-main { margin: 0; padding-block: 44px 68px; }
body.page-id-3 article.ast-article-single, body.page-id-18 article.ast-article-single { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
body.page-id-3 .entry-header, body.page-id-18 .entry-header { display: none; }

@media (max-width: 900px) {
  .flb-site-nav { width: calc(100% - 40px); gap: 14px; }
  .flb-site-links { display: none; }
  .flb-footer-download { gap: 20px; }
  .flb-footer-stores a { gap: 7px; padding-inline: 8px; font-size: 12px; }
  .flb-site-footer { padding: 48px 24px 32px; }
  .flb-footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 36px; }
  .flb-footer-bottom { flex-direction: column; gap: 6px; text-align: center; }
}
@media (max-width: 768px) {
  .flb-site-header { height: 68px; }
  .flb-site-nav { width: calc(100% - 36px); gap: 8px; }
  .flb-site-cta { min-height: 0; padding: 10px 13px; border-radius: 13px; font-size: 11px; }
  body.page-id-3 .site-content > .ast-container, body.page-id-18 .site-content > .ast-container { width: 100%; padding-inline: 18px; }
  body.page-id-3 .site-main, body.page-id-18 .site-main { padding-block: 28px 44px; }
}
@media (max-width: 540px) {
  .flb-site-footer { padding: 36px 22px 26px; }
  .flb-footer-download { display: block; padding: 19px 0 16px; margin-bottom: 30px; }
  .flb-footer-download-copy { text-align: center; }
  .flb-footer-stores { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: none; margin-top: 14px; }
  .flb-footer-stores a { min-height: 72px; flex-direction: column; gap: 6px; padding: 9px 3px; font-size: 11px; line-height: 1.25; text-align: center; overflow-wrap: anywhere; }
  .flb-footer-store-icon { width: 25px; height: 25px; flex-basis: 25px; }
  .flb-footer-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px 18px; margin-bottom: 32px; }
  .flb-footer-brand { grid-column: 1 / -1; }
  .flb-footer-brand p { max-width: 36ch; }
  .flb-footer-col { gap: 8px; }
  .flb-footer-col:nth-child(3) { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 16px; }
  .flb-footer-col:nth-child(3) h3 { grid-column: 1 / -1; margin-bottom: 0; }
  .flb-footer-bottom { align-items: center; flex-direction: column; gap: 6px; padding-top: 22px; text-align: center; }
}
html[dir="rtl"] .flb-site-nav { direction: rtl; }
html[dir="rtl"] .flb-site-links { flex-direction: row-reverse; }
html[dir="rtl"] .flb-footer-download { direction: rtl; }
html[dir="rtl"] .flb-footer-grid { direction: rtl; }
html[dir="rtl"] .flb-footer-col { text-align: right; }
html[dir="rtl"] .flb-footer-bottom { direction: rtl; }
@media (prefers-reduced-motion: reduce) {
  .flb-site-header *, .flb-site-footer * { transition: none !important; scroll-behavior: auto !important; }
}