/* Footer, ported from Webzi footer v3.8. */
.ree-footer{
  --bg: var(--ree-footer-bg);
  --ink: var(--ree-text);
  --muted: #666;
  --line: rgba(26,26,26,.14);
  --blue: var(--ree-blue);
  width: 100%;
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--ree-font-body);
  box-sizing: border-box;
}
.ree-footer, .ree-footer *{ box-sizing: border-box }
.ree-footer .rf-inner{ width: 100%; max-width: 1440px; margin: 0 auto; padding: 64px clamp(16px, 4vw, 40px) 26px }
.ree-footer .rf-grid{ display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); align-items: stretch }
.ree-footer .rf-col{ min-width: 0; padding: 0 34px }
.ree-footer .rf-col:first-child{ padding-right: 0 }
.ree-footer .rf-col:last-child{ padding-left: 0 }

/* Brand: monogram over wordmark, both grey so the footer stays quiet */
.ree-footer .rf-brand{ text-align: center }
.ree-footer .rf-logo{ display: inline-flex; flex-direction: column; align-items: center; gap: 16px; margin: 0 0 30px; line-height: 0; text-decoration: none }
.ree-footer .rf-logo img{ display: block; width: auto; max-width: 100%; filter: grayscale(1) }
.ree-footer .rf-mono{ height: 84px }
.ree-footer .rf-word{ height: 15px }
.ree-footer .rf-desc{ max-width: 360px; margin: 0 auto; font-size: 13.5px; line-height: 2.15; color: var(--muted) }

/* Links */
.ree-footer .rf-menu{ position: relative; display: flex; flex-direction: column; border-right: 1px solid var(--line); border-left: 1px solid var(--line) }
.ree-footer .rf-link{ min-height: 48px; padding: 0 5px; display: flex; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); font-size: 13px; line-height: 1.7; transition: .2s }
.ree-footer .rf-link:first-child{ border-top: 1px solid var(--line) }
.ree-footer .rf-link:hover{ color: var(--blue); padding-right: 10px }
.ree-footer .rf-arrow{ direction: ltr; flex: 0 0 auto; font-family: Arial, sans-serif; font-size: 16px; color: var(--muted) }

/* Social + eNamad */
.ree-footer .rf-social{ text-align: center }
.ree-footer .rf-title{ margin: 0 0 27px; font-family: var(--ree-font-head); font-size: 26px; line-height: 1.6; font-weight: 400 }
.ree-footer .rf-social-links{ display: flex; flex-direction: column; align-items: center; gap: 13px; margin-bottom: 24px }
.ree-footer .rf-social-link{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--ink); text-decoration: none; font-size: 12.5px; direction: ltr; transition: .2s }
.ree-footer .rf-social-link:hover{ color: var(--blue) }
.ree-footer .rf-social-link svg{ width: 19px; height: 19px; flex: 0 0 auto }
.ree-footer .rf-enamad-slot{ width: 130px; min-height: 110px; margin: 0 auto; display: flex; align-items: center; justify-content: center; position: relative }
.ree-footer .rf-enamad-slot a{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: 110px; text-decoration: none }
.ree-footer .rf-enamad-slot img{ display: block; max-width: 100%; width: auto; height: auto }
.ree-footer .rf-enamad-fallback{ display: none; font-size: 11px; line-height: 1.9; color: var(--blue); text-align: center }
.ree-footer .rf-enamad-slot.enamad-failed .rf-enamad-fallback{ display: block }
.ree-footer .rf-enamad-slot.enamad-failed img{ display: none }

/* Bottom line */
.ree-footer .rf-bottom{ margin-top: 42px; padding-top: 21px; border-top: 1px solid var(--line); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; text-align: center }
.ree-footer .rf-copy, .ree-footer .rf-designed{ direction: ltr; margin: 0; font-family: Arial, sans-serif; color: var(--muted) }
.ree-footer .rf-copy{ font-size: 11px }
.ree-footer .rf-designed{ font-size: 10px; line-height: 1.6 }
.ree-footer .rf-designed a{ color: var(--ink); text-decoration: none; font-weight: 600; transition: color .18s ease }
.ree-footer .rf-designed a:hover{ color: var(--blue) }

@media(max-width:980px){
  .ree-footer .rf-inner{ padding: 38px clamp(16px, 4vw, 40px) 24px }
  .ree-footer .rf-col{ padding: 0 22px }
  .ree-footer .rf-mono{ height: 74px }
  .ree-footer .rf-word{ height: 13px }
  .ree-footer .rf-title{ font-size: 23px }
}
@media(max-width:700px){
  .ree-footer .rf-inner{ padding: 38px clamp(16px, 4vw, 40px) 20px }
  .ree-footer .rf-grid{ display: flex; flex-direction: column }
  .ree-footer .rf-col{ width: 100%; padding: 0 }
  .ree-footer .rf-brand{ order: 1; padding-bottom: 28px }
  .ree-footer .rf-logo{ margin: 0 auto 20px; gap: 13px }
  .ree-footer .rf-mono{ height: 66px }
  .ree-footer .rf-word{ height: 12px }
  .ree-footer .rf-desc{ max-width: 330px; font-size: 12.5px; line-height: 2.05 }
  .ree-footer .rf-menu{ order: 2; padding: 24px 0 26px; border-top: 1px solid var(--line); border-right: 0; border-left: 0 }
  .ree-footer .rf-link{ min-height: 50px; padding: 0 4px; font-size: 12.5px }
  .ree-footer .rf-social{ order: 3; padding-top: 25px; border-top: 1px solid var(--line) }
  .ree-footer .rf-title{ margin: 0 0 20px; font-size: 22px }
  .ree-footer .rf-social-links{ gap: 10px; margin-bottom: 18px }
  .ree-footer .rf-social-link{ font-size: 12px }
  .ree-footer .rf-enamad-slot{ width: 118px; min-height: 98px }
  .ree-footer .rf-bottom{ margin-top: 25px; padding-top: 18px }
  .ree-footer .rf-copy{ font-size: 10px; line-height: 1.7 }
  .ree-footer .rf-designed{ font-size: 9.5px }
}
@media(max-width:380px){
  .ree-footer .rf-inner{ padding: 34px clamp(16px, 4vw, 40px) 18px }
  .ree-footer .rf-mono{ height: 60px }
  .ree-footer .rf-word{ height: 11px }
  .ree-footer .rf-desc{ font-size: 12px }
  .ree-footer .rf-link{ min-height: 48px; font-size: 12px }
}

/* Copyright line in Persian (the designer credit stays English). */
.ree-footer .rf-copy{ direction: rtl; font-family: var(--ree-font-body) }

/* Phones: brand on top; under it the links on the right half and «با ما در ارتباط باشید» on the left. */
@media(max-width:700px){
  .ree-footer .rf-grid{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 18px }
  .ree-footer .rf-brand{ grid-column: 1 / -1 }
  .ree-footer .rf-menu{ grid-column: 1; padding: 20px 0 0; border-top: 1px solid var(--line) }
  .ree-footer .rf-social{ grid-column: 2; padding-top: 20px; border-top: 1px solid var(--line) }
  .ree-footer .rf-link{ min-height: 40px; font-size: 12px }
  .ree-footer .rf-link:first-child{ border-top: 0 }
  .ree-footer .rf-link:last-child{ border-bottom: 0 }
  .ree-footer .rf-title{ margin: 0 0 14px; font-size: 15px }
  /* Left-aligned: title, icons in one column on the left edge, eNamad under them. */
  /* The title sits level with «درباره ما» (same 40px row); eNamad drops to the bottom, level
     with the last link. */
  .ree-footer .rf-social{ display: flex; flex-direction: column; text-align: left }
  .ree-footer .rf-social .rf-title{ display: flex; align-items: center; justify-content: flex-end; min-height: 40px; margin-bottom: 8px }
  .ree-footer .rf-social-links{ align-items: flex-end; gap: 12px }
  .ree-footer .rf-enamad-slot{ width: 104px; min-height: 90px; margin: auto 0 0 0; margin-inline: auto 0; justify-content: flex-start }
  .ree-footer .rf-enamad-slot a{ justify-content: flex-start }
}