/* Mirror responsiveness — desktop look untouched; fluid + hamburger at <=768px.
   Old Weebly ships fixed 960px + no viewport; this restores mobile without Weebly's runtime. */
img, table, iframe, video, embed, object { max-width: 100%; height: auto; }
.jln-burger { display: none; }
.jln-nav-cb { display: none; }
/* dead dynamic blog widgets in a static mirror -> hide (comments/social/rating) */
.blog-social, .blogCommentReplyWrapper, #commentReplyTitle, .blog-comments-bottom,
#lastComment, .blog-comment-area, .blog-comment-count, .wsite-com-product-rating { display: none !important; }

@media (max-width: 980px){
  .wrapper, .container, #navigation { width: auto !important; max-width: 960px; box-sizing: border-box; }
}
@media (max-width: 768px){
  html, body { overflow-x: hidden; }
  .wrapper, .container, #navigation, #header-wrap, #header-top { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
  .container { padding-left: 14px !important; padding-right: 14px !important; }
  /* multi-column Weebly rows stack */
  .wsite-multicol-table, .wsite-multicol-table-wrap, .wsite-multicol-col { display: block !important; width: 100% !important; }
  .wsite-multicol-col { padding: 0 !important; margin-bottom: 8px; }
  /* header banner image scales */
  #header-wrap img, #header img, .wsite-logo img { max-width: 100% !important; height: auto !important; }

  /* ---- hamburger nav ---- */
  #navigation { position: relative; min-height: 44px; border: 1px #343434 solid; }
  .jln-burger {
    display: block; color: #fff; font-size: 24px; line-height: 44px;
    padding: 0 16px; cursor: pointer; user-select: none;
  }
  #navigation .wsite-menu-default { display: none; background: #2b2b2b; position: relative; z-index: 60; }
  #header-top { position: relative; z-index: 1; }
  .jln-nav-cb:checked ~ .wsite-menu-default { display: block !important; }
  #navigation .wsite-menu-default > li,
  #navigation .wsite-menu-default > li.wsite-menu-item-wrap {
    display: block !important; width: 100% !important; float: none !important;
    border-top: 1px solid #444;
  }
  #navigation .wsite-menu-default > li > a,
  #navigation .wsite-menu-default .wsite-menu-item {
    display: block !important; width: 100% !important; box-sizing: border-box;
    padding: 12px 16px !important; color: #fff !important;
  }
  /* keep any Weebly flyout submenus from breaking layout */
  #navigation .wsite-menu-wrap { position: static !important; display: none !important; }

  /* blog post 2-column (content + categories sidebar) -> stack */
  .blog-body, .blog-sidebar { float: none !important; width: 100% !important; max-width: 100% !important; }
  .blog-sidebar { margin-top: 24px; padding-top: 16px; border-top: 1px solid #ddd; }
  [style*="width: 767px"], [style*="width:767px"] { width: 100% !important; max-width: 100% !important; }
  .blog-body { box-sizing: border-box; }
}