/* ============================================================
   MODULE 5 — SEO & Lead-Capture Footer
   Scoped under .sh-ft*. Mounts into #site-footer.
   ============================================================ */

/* ---------- testimonials carousel ---------- */
.sh-revs{background:var(--sh-bg-soft);padding:42px 0}
.sh-revs__h{text-align:center;margin:0 0 22px}
.sh-revs__h h2{margin:0;font-size:22px;color:var(--sh-navy)}
.sh-revs__h p{margin:4px 0 0;color:var(--sh-muted);font-size:13.5px}
.sh-revs__viewport{max-width:760px;margin:0 auto;overflow:hidden;position:relative}
.sh-revs__track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.sh-rev{min-width:100%;padding:6px 16px;box-sizing:border-box}
.sh-rev__card{background:#fff;border:1px solid var(--sh-line);border-radius:16px;padding:26px 28px;box-shadow:var(--sh-shadow-sm);text-align:center}
.sh-rev__stars{color:var(--sh-gold);font-size:17px;letter-spacing:2px;margin-bottom:12px}
.sh-rev__text{font-size:16px;line-height:1.6;color:#333;margin:0 0 18px;font-style:italic}
.sh-rev__who{display:flex;align-items:center;justify-content:center;gap:11px}
.sh-rev__av{width:44px;height:44px;border-radius:50%;background:var(--sh-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.sh-rev__name{font-weight:800;font-size:14px;color:var(--sh-navy);line-height:1.2}
.sh-rev__loc{font-size:12px;color:var(--sh-muted)}
.sh-revs__dots{display:flex;gap:8px;justify-content:center;margin-top:18px}
.sh-revs__dot{width:9px;height:9px;border-radius:50%;border:0;background:#cdd2de;cursor:pointer;padding:0;transition:.2s}
.sh-revs__dot.active{background:var(--sh-navy);width:24px;border-radius:6px}

/* ---------- main footer ---------- */
.sh-ft{background:var(--sh-navy);color:#cfd6e8}
.sh-ft__main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:30px;padding:46px 0 30px}
.sh-ft__brand .logo{font-size:22px;font-weight:800;color:#fff}
.sh-ft__brand .logo span{color:var(--sh-gold)}
.sh-ft__brand .tag{font-size:12px;color:#9aa6c4;margin:6px 0 16px}
.sh-ft__brand .trust{font-size:13px;line-height:1.7}
.sh-ft__brand .trust b{color:var(--sh-gold-2)}
.sh-ft h4{color:#fff;font-size:14px;margin:0 0 14px;letter-spacing:.3px}
.sh-ft__links{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sh-ft__links a{font-size:13.5px;color:#cfd6e8;cursor:pointer}
.sh-ft__links a:hover{color:#fff}

.sh-ft__contact{display:grid;gap:12px}
.sh-ft__cline{display:flex;gap:11px;align-items:flex-start;font-size:13.5px}
.sh-ft__cline .ic{width:20px;flex:0 0 auto;text-align:center}
.sh-ft__cline a{color:#cfd6e8}.sh-ft__cline a:hover{color:#fff}
.sh-ft__cta{margin-top:4px}
.sh-ft__cta button{width:100%}

.sh-ft__pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.sh-ft__pay span{background:#fff;color:var(--sh-navy);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:800}

.sh-ft__bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;display:flex;
  justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12.5px;color:#9aa6c4}
.sh-ft__bottom a{color:#9aa6c4}.sh-ft__bottom a:hover{color:#fff}

@media(max-width:820px){.sh-ft__main{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sh-ft__main{grid-template-columns:1fr}}

/* logistics partners line */
.sh-ft__logistics{font-size:12px;color:#9aa6c4;margin-top:12px;line-height:1.55;max-width:340px}
.sh-ft__logistics b{color:#cfd6e8}

/* contact + career tabs */
.sh-ct__tabs{display:flex;gap:4px;margin:12px 22px 0;background:var(--sh-bg-soft);border-radius:30px;padding:4px}
.sh-ct__tab{flex:1;border:0;background:transparent;font-family:inherit;font-weight:700;font-size:13px;padding:9px;border-radius:30px;cursor:pointer;color:var(--sh-muted)}
.sh-ct__tab.active{background:#fff;color:var(--sh-navy);box-shadow:var(--sh-shadow-sm)}
.sh-ct__pane{display:none}
.sh-ct__pane.active{display:block}
.sh-ct__career-sub{font-size:13px;color:var(--sh-muted);margin:12px 0 14px}
.sh-ct__body{max-height:72vh;overflow-y:auto}

/* ---------- contact modal ---------- */
.sh-ct__ov{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(10,16,35,.55);backdrop-filter:blur(3px)}
.sh-ct__ov.open{display:flex}
.sh-ct{width:100%;max-width:460px;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 24px 70px rgba(10,16,35,.4);animation:sh-auth-pop .22s ease}
.sh-ct__head{padding:20px 22px 6px;position:relative}
.sh-ct__head h3{margin:0;color:var(--sh-navy);font-size:19px}
.sh-ct__head p{margin:4px 0 0;font-size:13px;color:var(--sh-muted)}
.sh-ct__x{position:absolute;top:14px;right:16px;border:0;background:transparent;font-size:23px;color:var(--sh-muted);cursor:pointer}
.sh-ct__body{padding:14px 22px 24px}
.sh-ct__body .sh-fld2{margin-bottom:12px}
.sh-ct__body textarea{width:100%;border:1px solid var(--sh-line);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px;min-height:96px;resize:vertical;outline:0}
.sh-ct__body textarea:focus{border-color:var(--sh-navy);box-shadow:0 0 0 3px rgba(15,27,61,.08)}
.sh-ct__err{color:var(--sh-red);font-size:12.5px;margin:2px 0 10px;display:none}
.sh-ct__err.show{display:block}
.sh-ct__to{font-size:12px;color:var(--sh-muted);margin-top:10px;text-align:center}
.sh-ct__to b{color:var(--sh-navy)}
.sh-ct__done{display:none;text-align:center;padding:8px 0 6px}
.sh-ct__done.show{display:block}
.sh-ct__done .ic{width:60px;height:60px;border-radius:50%;background:rgba(31,170,89,.12);color:var(--sh-green);
  display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 12px}
