/* ==========================================================================
   Yanghu Refrigeration - Global Stylesheet
   冷链保温板材外贸企业站
   ========================================================================== */

/* ---------- Design Tokens ---------- */
:root {
  --c-primary: #0f4c81;        /* 深蓝 - 专业、信任 */
  --c-primary-dark: #0a3560;
  --c-primary-light: #1e6bb8;
  --c-accent: #f7941d;         /* 橙色 - 活力、保温/温度 */
  --c-accent-dark: #d97a00;
  --c-dark: #1a2332;
  --c-text: #2d3748;
  --c-text-light: #718096;
  --c-bg: #ffffff;
  --c-bg-soft: #f5f8fc;
  --c-bg-dark: #0a1828;
  --c-border: #e2e8f0;
  --c-white: #ffffff;
  --c-success: #2f9e44;

  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 3px rgba(15,76,129,.08);
  --shadow: 0 4px 20px rgba(15,76,129,.10);
  --shadow-lg: 0 12px 40px rgba(15,76,129,.16);
  --transition: .3s cubic-bezier(.4,0,.2,1);
  --maxw: 1200px;
  --header-h: 76px;
}

/* ---------- Reset ---------- */
*,*::before,*::after { box-sizing: border-box; margin:0; padding:0; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Inter','Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-text);
  background: var(--c-bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--transition); }
ul { list-style: none; }
h1,h2,h3,h4 { line-height: 1.3; font-weight: 700; color: var(--c-dark); }

/* ---------- Layout helpers ---------- */
.container { width:100%; max-width: var(--maxw); margin:0 auto; padding:0 24px; }
.section { padding: 80px 0; }
.section-sm { padding: 48px 0; }
.bg-soft { background: var(--c-bg-soft); }
.bg-dark { background: var(--c-bg-dark); color:#cfdcef; }
.bg-primary { background: var(--c-primary); color:#fff; }
.text-center { text-align:center; }

/* Section heading */
.sec-head { max-width:720px; margin:0 auto 56px; text-align:center; }
.sec-head .eyebrow {
  display:inline-block; font-size:13px; font-weight:700; letter-spacing:.12em;
  text-transform:uppercase; color:var(--c-accent); margin-bottom:12px;
}
.sec-head h2 { font-size: clamp(28px,4vw,40px); }
.sec-head p { color:var(--c-text-light); margin-top:14px; font-size:17px; }
.sec-head .divider {
  width:60px; height:4px; background:var(--c-accent); border-radius:2px; margin:18px auto 0;
}

/* ---------- Buttons ---------- */
.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:14px 30px; border-radius:50px; font-weight:600; font-size:15px;
  cursor:pointer; border:none; transition:all var(--transition); white-space:nowrap;
}
.btn-primary { background:var(--c-accent); color:#fff; }
.btn-primary:hover { background:var(--c-accent-dark); transform:translateY(-2px); box-shadow:0 8px 24px rgba(247,148,29,.4); }
.btn-outline { background:transparent; color:#fff; border:2px solid rgba(255,255,255,.7); }
.btn-outline:hover { background:#fff; color:var(--c-primary); border-color:#fff; }
.btn-blue { background:var(--c-primary); color:#fff; }
.btn-blue:hover { background:var(--c-primary-dark); transform:translateY(-2px); box-shadow:0 8px 24px rgba(15,76,129,.35); }
.btn-ghost { background:transparent; color:var(--c-primary); border:2px solid var(--c-primary); }
.btn-ghost:hover { background:var(--c-primary); color:#fff; }
.btn-lg { padding:16px 38px; font-size:16px; }

/* ==========================================================================
   Header / Navigation
   ========================================================================== */
.topbar {
  background:var(--c-primary-dark); color:#aabcd4; font-size:13px;
  padding:8px 0; border-bottom:1px solid rgba(255,255,255,.06);
}
.topbar .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.topbar a:hover { color:#fff; }
.topbar .tb-left { display:flex; gap:24px; align-items:center; }
.topbar .tb-right { display:flex; gap:16px; align-items:center; }
.topbar .tb-item { display:inline-flex; align-items:center; gap:6px; }

/* Language switch */
.lang-switch { display:inline-flex; align-items:center; gap:2px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); border-radius:50px; padding:2px; }
.lang-btn { background:transparent; border:none; color:#aabcd4; font-size:12px; font-weight:700; padding:4px 10px; border-radius:50px; cursor:pointer; transition:all .25s ease; line-height:1; }
.lang-btn:hover { color:#fff; }
.lang-btn.active { background:var(--c-accent); color:#fff; }

.site-header {
  position:sticky; top:0; z-index:1000;
  background:rgba(255,255,255,.97); backdrop-filter:blur(8px);
  border-bottom:1px solid var(--c-border);
  box-shadow:var(--shadow-sm);
}
.main-nav { display:flex; align-items:center; justify-content:space-between; height:var(--header-h); }
.logo { display:flex; align-items:center; gap:10px; font-size:22px; font-weight:800; color:var(--c-primary); }
.logo .mark { height:58px;width:auto;max-width:280px;object-fit:contain;display:block;background:none;border:none; }
.logo .name b { display:block; font-size:20px; color:var(--c-primary); }
.logo .name small { font-size:11px; color:var(--c-text-light); font-weight:600; letter-spacing:.04em; }

.nav-links { display:flex; align-items:center; gap:4px; }
.nav-links > li > a {
  padding:10px 16px; border-radius:8px; font-weight:600; font-size:15px; color:var(--c-text);
}
.nav-links > li > a:hover, .nav-links > li > a.active { color:var(--c-primary); background:var(--c-bg-soft); }
.nav-cta { margin-left:12px; }
.hamburger { display:none; background:none;border:none;cursor:pointer; flex-direction:column; gap:5px; padding:8px;}
.hamburger span { width:26px;height:3px;background:var(--c-primary);border-radius:2px;transition:var(--transition);}

/* Mobile menu */
.mobile-menu { display:none; }

/* ==========================================================================
   Hero / Banner
   ========================================================================== */
.hero { position:relative; min-height:600px; display:flex; align-items:center; overflow:hidden; }
.hero-slides { position:absolute; inset:0; }
.hero-slide {
  position:absolute; inset:0; opacity:0; transition:opacity 1s ease;
  background-size:cover; background-position:center;
}
.hero-slide.active { opacity:1; }
.hero-slide::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(110deg, rgba(10,24,40,.88) 0%, rgba(10,24,40,.55) 55%, rgba(10,24,40,.25) 100%);
}
.hero-content { position:relative; z-index:2; color:#fff; padding:90px 0; }
.hero .eyebrow {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(247,148,29,.18); border:1px solid rgba(247,148,29,.5);
  color:#ffd49a; padding:7px 18px; border-radius:50px; font-size:13px; font-weight:700;
  letter-spacing:.05em; margin-bottom:22px;
}
.hero h1 {
  color:#fff; font-size:clamp(34px,5.5vw,58px); line-height:1.12; max-width:760px; margin-bottom:20px;
}
.hero h1 .hl { color:var(--c-accent); }
.hero p { font-size:19px; color:#d6e2f2; max-width:580px; margin-bottom:34px; }
.hero-actions { display:flex; gap:16px; flex-wrap:wrap; }
.hero-stats {
  display:flex; gap:40px; margin-top:48px; flex-wrap:wrap;
}
.hero-stat .num { font-size:38px; font-weight:800; color:var(--c-accent); line-height:1; }
.hero-stat .lbl { font-size:14px; color:#b8c8e0; margin-top:6px; }

/* slide dots */
.hero-dots { position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:3; display:flex; gap:10px; }
.hero-dots button {
  width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(255,255,255,.4); transition:var(--transition);
}
.hero-dots button.active { background:var(--c-accent); width:32px; border-radius:6px; }

/* ==========================================================================
   Trust badges strip
   ========================================================================== */
.trust-strip { background:var(--c-bg-soft); padding:36px 0; border-bottom:1px solid var(--c-border); }
.trust-grid { display:flex; justify-content:space-around; flex-wrap:wrap; gap:30px; align-items:center; }
.trust-item { display:flex; align-items:center; gap:14px; color:var(--c-text-light); font-weight:600; font-size:15px; }
.trust-item .ico {
  width:50px;height:50px;border-radius:12px; background:var(--c-primary); color:#fff;
  display:grid;place-items:center; font-size:22px;
}

/* ==========================================================================
   Cards / Grids
   ========================================================================== */
.grid { display:grid; gap:30px; }
.grid-3 { grid-template-columns:repeat(3,1fr); }
.grid-2 { grid-template-columns:repeat(2,1fr); }
.grid-4 { grid-template-columns:repeat(4,1fr); }

/* Feature card */
.feat-card {
  background:#fff; border:1px solid var(--c-border); border-radius:var(--radius);
  padding:36px 30px; transition:all var(--transition); height:100%;
}
.feat-card:hover { border-color:var(--c-primary-light); box-shadow:var(--shadow-lg); transform:translateY(-6px); }
.feat-card .ico {
  width:64px;height:64px;border-radius:16px; margin-bottom:22px;
  background:linear-gradient(135deg,var(--c-bg-soft),#e6effa); color:var(--c-primary);
  display:grid;place-items:center; font-size:28px;
}
.feat-card h3 { font-size:21px; margin-bottom:12px; }
.feat-card p { color:var(--c-text-light); font-size:15px; }

/* Product card */
.prod-card {
  background:#fff; border:1px solid var(--c-border); border-radius:var(--radius);
  overflow:hidden; transition:all var(--transition); display:flex; flex-direction:column;
}
.prod-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-6px); border-color:var(--c-primary-light); }
.prod-card .img-wrap { aspect-ratio:4/3; overflow:hidden; background:var(--c-bg-soft); position:relative; }
.prod-card .img-wrap img { width:100%;height:100%;object-fit:cover; transition:transform .5s ease; }
.prod-card:hover .img-wrap img { transform:scale(1.07); }
.prod-card .tag {
  position:absolute; top:14px; left:14px; background:var(--c-accent); color:#fff;
  font-size:12px; font-weight:700; padding:5px 12px; border-radius:50px;
}
.prod-card .body { padding:24px; flex:1; display:flex; flex-direction:column; }
.prod-card h3 { font-size:19px; margin-bottom:8px; }
.prod-card .desc { color:var(--c-text-light); font-size:14px; margin-bottom:16px; flex:1; }
.prod-card .specs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.prod-card .specs span {
  font-size:12px; background:var(--c-bg-soft); color:var(--c-primary); padding:4px 10px; border-radius:50px; font-weight:600;
}
.prod-card .link { color:var(--c-primary); font-weight:700; font-size:14px; display:inline-flex; align-items:center; gap:6px; }
.prod-card .link:hover { gap:10px; color:var(--c-accent); }

/* ==========================================================================
   Split section (image + text)
   ========================================================================== */
.split { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.split img { border-radius:var(--radius-lg); box-shadow:var(--shadow-lg); }
.split h2 { font-size:clamp(26px,3.5vw,36px); margin-bottom:18px; }
.split p { color:var(--c-text-light); margin-bottom:16px; }
.checklist li {
  display:flex; gap:12px; margin-bottom:14px; align-items:flex-start;
}
.checklist li::before {
  content:'✓'; flex:none; width:24px;height:24px;border-radius:50%;
  background:var(--c-success); color:#fff; display:grid;place-items:center; font-size:13px; font-weight:700; margin-top:2px;
}
.checklist li span { color:var(--c-text); }

/* ==========================================================================
   Stats band
   ========================================================================== */
.stats-band { background:linear-gradient(135deg,var(--c-primary-dark),var(--c-primary)); color:#fff; padding:70px 0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; text-align:center; }
.stats-grid .item .num { font-size:48px; font-weight:800; color:var(--c-accent); line-height:1; }
.stats-grid .item .lbl { margin-top:10px; color:#c5d6ee; font-size:15px; }

/* ==========================================================================
   Certifications
   ========================================================================== */
.cert-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
.cert-badge {
  background:#fff; border:2px solid var(--c-border); border-radius:var(--radius);
  padding:24px 32px; min-width:150px; text-align:center; transition:all var(--transition);
}
.cert-badge:hover { border-color:var(--c-accent); transform:translateY(-4px); box-shadow:var(--shadow); }
.cert-badge .ico { font-size:34px; margin-bottom:8px; }
.cert-badge .name { font-weight:700; color:var(--c-dark); }
.cert-badge .sub { font-size:12px; color:var(--c-text-light); margin-top:2px; }

/* ==========================================================================
   Case card
   ========================================================================== */
.case-card {
  border-radius:var(--radius); overflow:hidden; background:#fff;
  box-shadow:var(--shadow-sm); border:1px solid var(--c-border);
  transition:all var(--transition);
}
.case-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-4px); }
.case-card .img-wrap { aspect-ratio:16/10; overflow:hidden; }
.case-card .img-wrap img { width:100%;height:100%;object-fit:cover; transition:transform .5s; }
.case-card:hover .img-wrap img { transform:scale(1.06); }
.case-card .body { padding:22px; }
.case-card .loc { font-size:13px; color:var(--c-accent); font-weight:700; margin-bottom:6px; }
.case-card h3 { font-size:18px; margin-bottom:8px; }
.case-card .meta { font-size:13px; color:var(--c-text-light); }
.case-card .area { display:inline-block; margin-top:12px; background:var(--c-bg-soft); color:var(--c-primary); font-weight:700; padding:6px 14px; border-radius:50px; font-size:13px; }

/* ==========================================================================
   CTA band
   ========================================================================== */
.cta-band {
  background:linear-gradient(120deg,var(--c-primary-dark),var(--c-primary-light));
  color:#fff; padding:70px 0; position:relative; overflow:hidden;
}
.cta-band::before {
  content:''; position:absolute; right:-50px; top:-50px; width:300px;height:300px;
  background:rgba(247,148,29,.15); border-radius:50%;
}
.cta-band .container { position:relative; display:flex; justify-content:space-between; align-items:center; gap:30px; flex-wrap:wrap; }
.cta-band h2 { color:#fff; font-size:clamp(24px,3vw,34px); }
.cta-band p { color:#c5d6ee; margin-top:8px; }

/* ==========================================================================
   Page banner (sub pages)
   ========================================================================== */
.page-banner {
  background:linear-gradient(120deg,var(--c-primary-dark),var(--c-primary));
  color:#fff; padding:70px 0 60px; text-align:center; position:relative; overflow:hidden;
}
.page-banner::after {
  content:''; position:absolute; right:-80px;bottom:-80px; width:280px;height:280px;
  background:rgba(247,148,29,.12); border-radius:50%;
}
.page-banner h1 { color:#fff; font-size:clamp(30px,4vw,44px); position:relative; }
.page-banner .crumb { color:#aabcd4; font-size:14px; margin-bottom:14px; position:relative; }
.page-banner .crumb a:hover { color:#fff; }

/* ==========================================================================
   Contact form
   ========================================================================== */
.contact-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:50px; }
.form-card { background:#fff; border:1px solid var(--c-border); border-radius:var(--radius-lg); padding:40px; box-shadow:var(--shadow); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; }
.form-group { margin-bottom:18px; }
.form-group label { display:block; font-weight:600; font-size:14px; margin-bottom:7px; color:var(--c-dark); }
.form-group label .req { color:var(--c-accent); }
.form-control {
  width:100%; padding:13px 16px; border:2px solid var(--c-border); border-radius:var(--radius-sm);
  font-size:15px; font-family:inherit; transition:var(--transition); background:#fff;
}
.form-control:focus { outline:none; border-color:var(--c-primary-light); box-shadow:0 0 0 3px rgba(30,107,184,.12); }
textarea.form-control { min-height:130px; resize:vertical; }
.form-note { font-size:13px; color:var(--c-text-light); margin-top:14px; text-align:center; }
.form-success {
  background:#e6f4ea; border:1px solid #abd9b8; color:#1b6b30; padding:16px 20px;
  border-radius:var(--radius-sm); margin-bottom:20px; display:none; align-items:center; gap:10px; font-weight:600;
}
.form-success.show { display:flex; }

.contact-info-item { display:flex; gap:16px; margin-bottom:26px; }
.contact-info-item .ico {
  flex:none; width:50px;height:50px;border-radius:12px; background:var(--c-bg-soft); color:var(--c-primary);
  display:grid;place-items:center; font-size:20px;
}
.contact-info-item h4 { font-size:16px; margin-bottom:4px; }
.contact-info-item p { color:var(--c-text-light); font-size:15px; }

/* ==========================================================================
   Timeline (about page)
   ========================================================================== */
.timeline { position:relative; max-width:820px; margin:0 auto; }
.timeline::before { content:''; position:absolute; left:50%; top:0; bottom:0; width:3px; background:var(--c-border); transform:translateX(-50%); }
.tl-item { position:relative; width:50%; padding:0 40px 50px 0; }
.tl-item:nth-child(even) { margin-left:50%; padding:0 0 50px 40px; }
.tl-item::before {
  content:''; position:absolute; right:-9px; top:6px; width:18px;height:18px; border-radius:50%;
  background:var(--c-accent); border:4px solid #fff; box-shadow:0 0 0 3px var(--c-accent);
}
.tl-item:nth-child(even)::before { right:auto; left:-9px; }
.tl-year { font-size:26px; font-weight:800; color:var(--c-primary); }
.tl-content { background:#fff; border:1px solid var(--c-border); border-radius:var(--radius); padding:20px 24px; margin-top:8px; box-shadow:var(--shadow-sm); }
.tl-content p { color:var(--c-text-light); font-size:15px; margin:0; }

/* ==========================================================================
   Footer
   ========================================================================== */
.site-footer { background:var(--c-bg-dark); color:#9bb0cf; padding:64px 0 0; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1.3fr; gap:40px; padding-bottom:48px; }
.footer-col h4 { color:#fff; font-size:16px; margin-bottom:20px; }
.footer-col p { font-size:14px; line-height:1.8; }
.footer-col ul li { margin-bottom:10px; }
.footer-col ul li a { font-size:14px; color:#9bb0cf; }
.footer-col ul li a:hover { color:var(--c-accent); padding-left:4px; }
.footer-brand { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.footer-brand b { color:#fff; font-size:20px; }
.footer-contact li { display:flex; gap:10px; margin-bottom:12px; font-size:14px; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); padding:22px 0; text-align:center; font-size:13px; }
.footer-bottom a { color:var(--c-accent); }

/* Floating WhatsApp / Inquiry */
.float-actions { position:fixed; right:22px; bottom:22px; z-index:900; display:flex; flex-direction:column; gap:12px; }
.float-btn {
  width:56px;height:56px;border-radius:50%; display:grid;place-items:center; font-size:24px; color:#fff;
  cursor:pointer; border:none; box-shadow:var(--shadow-lg); transition:var(--transition);
}
.float-btn:hover { transform:scale(1.1); }
.float-btn.wa { background:#25d366; }
.float-btn.top { background:var(--c-primary); }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1024px) {
  .grid-4 { grid-template-columns:repeat(2,1fr); }
  .footer-grid { grid-template-columns:1fr 1fr; gap:32px; }
}
@media (max-width: 860px) {
  .nav-links, .nav-cta .btn { display:none; }
  .hamburger { display:flex; }
  .mobile-menu.open { display:block; }
  .grid-3, .grid-2, .split, .contact-grid, .stats-grid { grid-template-columns:1fr; }
  .stats-grid { grid-template-columns:repeat(2,1fr); gap:24px; }
  .section { padding:56px 0; }
  .form-row { grid-template-columns:1fr; }
  .tl-item, .tl-item:nth-child(even) { width:100%; margin-left:0; padding:0 0 40px 40px; }
  .timeline::before { left:9px; transform:none; }
  .tl-item::before, .tl-item:nth-child(even)::before { right:auto; left:0; }
  .cta-band .container { flex-direction:column; text-align:center; }
  .topbar .tb-left .tb-item:nth-child(n+2) { display:none; }
}

/* Mobile nav drawer */
.mobile-menu {
  position:fixed; top:0; right:-100%; width:80%; max-width:340px; height:100vh;
  background:#fff; box-shadow:-8px 0 40px rgba(0,0,0,.15); z-index:1100;
  padding:80px 24px 24px; transition:right .35s ease; overflow-y:auto;
}
.mobile-menu.open { right:0; }
.mobile-menu a {
  display:block; padding:14px 8px; border-bottom:1px solid var(--c-border); font-weight:600; font-size:16px;
}
.mobile-menu a:hover { color:var(--c-primary); }
.mobile-menu .btn { width:100%; justify-content:center; margin-top:20px; }
.mm-close { position:absolute; top:20px; right:20px; background:none;border:none;font-size:28px;cursor:pointer;color:var(--c-primary);}
.mm-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.4); z-index:1050; }
.mm-overlay.open { display:block; }

/* Animations on scroll */
.reveal { opacity:0; transform:translateY(30px); transition:opacity .7s ease, transform .7s ease; }
.reveal.in { opacity:1; transform:none; }

/* Home gallery (two images) */
.home-gallery { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.home-gallery img { width:100%; height:100%; object-fit:cover; border-radius:var(--radius-lg); box-shadow:var(--shadow); display:block; }
@media (max-width:768px) {
  .home-gallery { grid-template-columns:1fr; }
}

/* Product quick nav */
.prod-quicknav { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:0 0 50px; }
.prod-quicknav a {
  padding:10px 18px; border:1px solid var(--c-border); border-radius:30px;
  font-size:14px; font-weight:600; color:var(--c-primary); background:#fff;
  text-decoration:none; transition:all .25s ease;
}
.prod-quicknav a:hover { background:var(--c-primary); color:#fff; border-color:var(--c-primary); }
@media (max-width:768px) {
  .prod-quicknav a { padding:8px 14px; font-size:13px; }
}


/* ==== Logo new (wide brand mark) ==== */
.site-header .logo .mark { height:58px; width:auto; max-width:280px; }
.footer-brand .logo .mark, .site-footer .logo .mark { height:52px; width:auto; max-width:250px; }
.footer-brand .logo { gap:0; }
@media (max-width: 640px){
  .site-header .logo .mark { height:34px; max-width:150px; }
  .footer-brand .logo .mark, .site-footer .logo .mark { height:34px; max-width:150px; }
}


/* ==== Logo new (wide brand mark) ==== */
.site-header .logo .mark { height:58px; width:auto; max-width:280px; }
.footer-brand .logo .mark, .site-footer .logo .mark { height:52px; width:auto; max-width:250px; }
.footer-brand .logo { gap:0; }
@media (max-width: 640px){
  .site-header .logo .mark { height:34px; max-width:150px; }
  .footer-brand .logo .mark, .site-footer .logo .mark { height:34px; max-width:150px; }
}


/* ==== Logo enlarged (final override) ==== */
.site-header .logo .mark { height:58px !important; width:auto !important; max-width:300px !important; object-fit:contain !important; }
.footer-brand .logo .mark, .site-footer .logo .mark { height:52px !important; width:auto !important; max-width:260px !important; object-fit:contain !important; }
@media (max-width: 640px){
  .site-header .logo .mark { height:44px !important; max-width:200px !important; }
  .footer-brand .logo .mark, .site-footer .logo .mark { height:42px !important; max-width:180px !important; }
}