/* Zoomshare native template 7000 - isolated to sites using it */
:root{--accent:#ed7433;--ink:#263441;--muted:#647482;--paper:#fffaf6}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink)}body{margin:0;background:#fff;color:var(--ink)}
a{color:#bb541d}img{max-width:100%;height:auto} .zs7000-wrap{max-width:1100px;margin:auto;padding:0 20px}
.zs7000-brandbar{background:#fff;border-bottom:1px solid #eee}.zs7000-brandbar-inner{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.zs7000-brandbar img{width:215px;max-width:55vw;display:block}.zs7000-follow{font-weight:700;border:1px solid #e9aa81;color:#ab4c1e;border-radius:30px;padding:9px 19px;background:#fff}
.zs7000-site{padding-top:34px;padding-bottom:24px}.zs7000-site h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.1;margin:.2em 0}.zs7000-site p{color:var(--muted)}.zs7000-logo{margin:10px 0;max-height:190px;overflow:hidden}.zs7000-logo img{max-height:190px;width:auto}
.zs7000-nav{border-block:1px solid #eee;background:#fff}.zs7000-nav ul{display:flex;gap:6px 24px;padding:0;margin:0;list-style:none;flex-wrap:wrap}.zs7000-nav li a,.zs7000-nav li span{display:block;padding:16px 2px;color:#425565;text-decoration:none}.zs7000-nav li.active span{font-weight:700;border-bottom:3px solid var(--accent)}
.zs7000-main{min-height:300px;padding-top:28px;padding-bottom:55px}.zs7000-main h2{font-size:1.6rem}.zs7000-main table{max-width:100%}.zs7000-main img{height:auto;max-width:100%}
.zs7000-examples{background:var(--paper);border:1px solid #f0e5df;border-radius:20px;padding:22px;margin:26px 0}.zs7000-examples h2{margin:0 0 6px}.zs7000-examples-note{color:#65717b;font-size:.9rem}.zs7000-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:18px 0 4px}.zs7000-card{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #eee}.zs7000-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.zs7000-card h3{font-size:1rem;margin:12px 14px 4px}.zs7000-card p{font-size:.89rem;color:#6a7580;margin:0 14px 15px}
.zs7000-footer{border-top:1px solid #eee;background:#fff;padding:27px 0;color:#637080;font-size:.9rem}
@media(max-width:650px){.zs7000-brandbar-inner{min-height:65px}.zs7000-brandbar img{width:175px}.zs7000-follow{padding:8px 12px}.zs7000-site{padding-top:25px}.zs7000-nav ul{gap:0 18px}.zs7000-nav li a,.zs7000-nav li span{padding:12px 0}.zs7000-grid{grid-template-columns:1fr}.zs7000-examples{padding:15px}}


/* Template 7000: centered site name in shared header */
.zs7000-brandbar-inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) minmax(0, 1fr);
    align-items: center;
    gap: 12px;
}

.zs7000-brand-logo {
    justify-self: start;
    min-width: 0;
}

.zs7000-brand-logo img {
    display: block;
    max-width: 170px;
    width: 100%;
    height: auto;
}

.zs7000-brand-title {
    min-width: 0;
    text-align: center;
    font-size: clamp(1.1rem, 2.6vw, 1.75rem);
    font-weight: 700;
    color: #243746;
    overflow-wrap: anywhere;
}

.zs7000-follow {
    justify-self: end;
}

@media (max-width: 480px) {
    .zs7000-brandbar-inner {
        grid-template-columns: 90px minmax(0, 1fr) auto;
        gap: 8px;
    }

    .zs7000-brand-title {
        font-size: 1rem;
    }
}


/* Zoomshare Template 7000 default coastal hero */
.zs7000-hero {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.zs7000-hero-image {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 600px) {
    .zs7000-hero-image {
        width: 100%;
        height: auto;
    }
}

/* Template 7000: active navigation and hover effects */
.zs7000-nav li.active span {
    display: block;
    background: #dc762b;
    color: #fff;
    font-weight: 700;
    border-radius: 8px;
    padding: 10px 18px;
}

.zs7000-nav li a {
    display: block;
    border-radius: 8px;
    padding: 10px 18px;
    transition: background-color .2s ease, color .2s ease;
}

.zs7000-nav li a:hover,
.zs7000-nav li a:focus-visible {
    background: #fff0e2;
    color: #a94e1a;
}


/* Zoomshare 7000: orange navigation */
.zs7000-nav li a,
.zs7000-nav li.active span {
    display: block;
    padding: 11px 19px;
    border-radius: 8px;
    text-decoration: none;
}

.zs7000-nav li a {
    background: #fde8d5;
    color: #a64b18;
    font-weight: 500;
    transition: background-color .2s ease, color .2s ease;
}

.zs7000-nav li a:hover,
.zs7000-nav li a:focus-visible {
    background: #e89852;
    color: #512408;
}

.zs7000-nav li.active span {
    background: #a94512;
    color: #ffffff;
    font-weight: 800;
/* Template 7000 Follow integration */
}
.zs7000-follow-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

button.zs7000-follow {
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  background: #0875d1;
  color: white;
  padding: 9px 15px;
  font-weight: 700;
}

.zs7000-follow-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  border-radius: 20px;
  background: #279447;
  color: white;
  font-size: 13px;
  font-weight: 700;
}

.zs7000-follow-popup {
  position: fixed;
  z-index: 99999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(90vw, 420px);
  max-height: 90vh;
  overflow-y: auto;
  padding: 24px;
  background: white;
  color: #222;
  border-radius: 12px;
  box-shadow: 0 10px 45px rgba(0, 0, 0, .35);
}

.zs7000-follow-popup label,
.zs7000-follow-popup input {
  display: block;
  width: 100%;
  margin: 8px 0;
}

.zs7000-follow-popup input {
  padding: 10px;
  border: 1px solid #aaa;
  border-radius: 5px;
}

.zs7000-follow-actions {
  display: flex;
  gap: 12px;
  margin-top: 15px;
}

.zs7000-follow-actions button {
  cursor: pointer;
  padding: 9px 15px;
}

@media (max-width: 600px) {
  .zs7000-follow-wrap {
    gap: 4px;
  }

  button.zs7000-follow {
    padding: 7px 10px;
    font-size: 13px;
  }}
/* Template 7000 already provides the universal policy footer.
   Hide the duplicate footer inserted by the legacy Blog application. */
.zs7000-main .zoomshare-policy-footer {
    display: none !important;
}
/* E-bike: proportional desktop hero, no cropping */
@media (min-width: 768px) {
    .zs7000-hero {
        display: flex;
        justify-content: center;
        align-items: center;
        aspect-ratio: auto;
        overflow: visible;
    }

    .zs7000-hero-image {
        display: block;
        width: 100%;
        max-width: 650px;
        height: auto;
        max-height: none;
        object-fit: contain;
    }
}