/* Mobile reflow for Wix desktop SSR capture. Desktop (≥981px) unchanged.
   Inject via page.add_style_tag / <link>. Do not use as a global zoom or body overflow:hidden. */

.hb-nav-toggle-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  clip: rect(0, 0, 0, 0);
}
.hb-nav-toggle {
  display: none;
}

@media (min-width: 981px) {
  .hb-nav-toggle,
  .hb-nav-toggle-input,
  #hb-nav-snippet {
    display: none !important;
  }
}

/* hbd: Wix JS neutralized — open StylableHorizontalMenu dropdowns with CSS only.
   Parents with aria-haspopup are role=button (no href); do not disable pointer-events. */
#comp-m73z6xte [role="button"][aria-haspopup="true"] {
  pointer-events: auto !important;
  cursor: pointer;
}
#comp-m73z6xte .wixui-horizontal-menu__item:hover > .itemDepth02233374943__positionBox,
#comp-m73z6xte .wixui-horizontal-menu__item:focus-within > .itemDepth02233374943__positionBox,
#comp-m73z6xte .itemShared2352141355__rootContainer:hover > .itemDepth02233374943__positionBox,
#comp-m73z6xte .itemShared2352141355__rootContainer:focus-within > .itemDepth02233374943__positionBox {
  display: block !important;
  visibility: visible !important;
  z-index: 1000;
}

/* Runtime Wix removed: unhide the inner submenu as well. */
#comp-m73z6xte .itemDepth02233374943__animationBox { opacity: 1 !important; }
#comp-m73z6xte .itemDepth02233374943__megaMenuComp { display: block !important; }

/* Legacy blog SSR keeps unloaded-image opacity and a negative logo offset. */
#TPASection_k489iknv img.gallery-item-hidden { opacity: 1 !important; }
#SITE_ROOT #comp-jr0rresi { left: 0 !important; }

@media (max-width: 980px) {
  #SITE_ROOT,
  #SITE_ROOT [id$="-gridWrapper"],
  #SITE_ROOT [id$="-gridContainer"],
  #SITE_ROOT [id$="inlineContent"],
  #SITE_ROOT [id$="bg"],
  #SITE_ROOT [id$="screenWidthBackground"],
  #SITE_ROOT [id$="centeredContent"],
  #TPASection_k489iknv {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    left: 0 !important;
    box-sizing: border-box !important;
  }
  #SITE_ROOT [id$="-gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #SITE_ROOT [id$="-gridContainer"] > [id] {
    position: relative !important;
    grid-area: auto !important;
    margin: 12px auto !important;
    left: 0 !important;
    top: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #SITE_ROOT #comp-jr0rresi,
  #SITE_ROOT #comp-jr0rresi wix-image,
  #SITE_ROOT #comp-jr0rresi img,
  #SITE_ROOT #comp-jr0rresilink {
    width: 239px !important;
    max-width: calc(100vw - 130px) !important;
    height: auto !important;
    min-height: 47px;
    margin-left: 12px !important;
  }
  #TPASection_k489iknv .post-list-pro-gallery-pg-side-by-side,
  #TPASection_k489iknv .pro-gallery-parent-container,
  #TPASection_k489iknv .pro-gallery,
  #TPASection_k489iknv #pro-gallery-margin-container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
  }
  #TPASection_k489iknv .gallery-item-container,
  #TPASection_k489iknv .gallery-item-container > div,
  #TPASection_k489iknv .gallery-item-container > a,
  #TPASection_k489iknv .gallery-item-container > a > div,
  #TPASection_k489iknv .gallery-item-wrapper,
  #TPASection_k489iknv .gallery-item-content,
  #TPASection_k489iknv .gallery-item-common-info,
  #TPASection_k489iknv img.gallery-item {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    float: none !important;
    top: auto !important;
    left: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  #TPASection_k489iknv .gallery-item-container { margin-bottom: 24px !important; }
  #TPASection_k489iknv .post-list-item-wrapper { padding: 24px 20px !important; }
  #TPASection_k489iknv .post-list-item,
  #TPASection_k489iknv .post-list-item-wrapper { height: auto !important; min-height: 0 !important; }
  html,
  body {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  #SITE_CONTAINER,
  #main_MF,
  #site-root,
  #masterPage,
  #BACKGROUND_GROUP,
  #BACKGROUND_GROUP_TRANSITION_GROUP,
  [id^="pageBackground_"],
  #PAGES_CONTAINER,
  #SITE_PAGES,
  #SITE_HEADER,
  #SITE_FOOTER,
  #SCROLL_TO_TOP {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mesh-layout,
  .wixui-section,
  .wixui-column-strip,
  .wixui-header,
  .Oqnisf,
  .CohWsy,
  [id^="comp-"],
  [data-mesh-id],
  [data-testid="mesh-container-content"],
  [data-testid="inline-content"],
  [data-testid="columns"] {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .wixui-section,
  .wixui-column-strip,
  .Oqnisf,
  .CohWsy {
    width: 100% !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Header strip was calc(100% - 200px) + min-width 980 */
  #comp-m73z3hdu,
  #comp-m739nhmu,
  #comp-m739nhnd,
  #comp-m73w636l,
  #comp-m73w751n,
  #comp-m74vn58r,
  #comp-m74vpir9,
  #comp-m73yoydi,
  #comp-m73yp3jn,
  #comp-m73ycxvi,
  #comp-m8suhrym2,
  #comp-m8suhryn2 {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
  }

  [data-testid="mesh-container-content"],
  [data-mesh-id$="gridContainer"] {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .wixui-column-strip [data-testid="columns"],
  .V5AUxf {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .wixui-column-strip__column,
  .YzqVVZ {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    flex-basis: auto !important;
    --column-width: 100% !important;
    --column-flex: 1 !important;
  }

  img,
  wow-image,
  video,
  picture,
  svg,
  .BJSaf1,
  .jhxvbR {
    max-width: 100% !important;
  }

  img {
    height: auto !important;
  }

  /* Product / blog carousels: keep internal scroll, do not expand page */
  .s1IgMQ,
  .JMHZvW,
  [data-hook="ArrowsNavigationWrapperDataHook.Root"] {
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
  }

  h1,
  h1 .wixui-rich-text__text,
  h1 span {
    font-size: 26px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: break-word !important;
  }

  h2,
  h2 .wixui-rich-text__text,
  h2 span,
  h1[data-hbd-repair="h2-promoted-to-h1"],
  h1[data-hbd-repair="h2-promoted-to-h1"] .wixui-rich-text__text,
  h1[data-hbd-repair="h2-promoted-to-h1"] span {
    font-size: 20px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  h3,
  h3 .wixui-rich-text__text,
  p,
  .wixui-rich-text,
  .wixui-rich-text__text {
    white-space: normal !important;
    overflow-wrap: break-word !important;
    max-width: 100% !important;
  }

  /* --- Accessible hamburger: closed by default --- */
  #hb-nav-snippet {
    position: relative;
    z-index: 10050;
  }

  .hb-nav-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10060;
    width: auto;
    min-width: 44px;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #48a948;
    color: #fff;
    font: 700 14px/1 system-ui, sans-serif;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  }

  .hb-nav-toggle__bars {
    display: block;
    width: 18px;
    height: 2px;
    background: #fff;
    box-shadow: 0 -6px 0 #fff, 0 6px 0 #fff;
  }

  #comp-m73z6xte {
    display: none !important;
  }

  body:has(#hb-nav-toggle:checked) #comp-m73z6xte,
  body.hb-nav-open #comp-m73z6xte {
    display: block !important;
    position: fixed !important;
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: calc(100vh - 56px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin: 0 !important;
    z-index: 10040 !important;
    background: #f4fcf4 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  }

  body:has(#hb-nav-toggle:checked) #comp-m73z6xte [class*="StylableHorizontalMenu"][class*="__menu"],
  body.hb-nav-open #comp-m73z6xte [class*="StylableHorizontalMenu"][class*="__menu"],
  body:has(#hb-nav-toggle:checked) #comp-m73z6xte ul,
  body.hb-nav-open #comp-m73z6xte ul {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    white-space: normal !important;
  }

  body:has(#hb-nav-toggle:checked) #comp-m73z6xte li,
  body.hb-nav-open #comp-m73z6xte li,
  body:has(#hb-nav-toggle:checked) #comp-m73z6xte a,
  body.hb-nav-open #comp-m73z6xte a {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
  }

  body:has(#hb-nav-toggle:checked) .hb-nav-toggle,
  body.hb-nav-open .hb-nav-toggle {
    background: #1d5c1d;
  }

  /* Reflow desktop mesh rows, not just their column widths. */
  [data-mesh-id$="gridContainer"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px;
    height: auto !important;
    min-height: 0 !important;
  }
  [data-mesh-id$="gridContainer"] > [id] {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
  }
  #SITE_HEADER, #SITE_FOOTER { position: relative !important; height: auto !important; }

  /* Buttons / fixed pixel comps must not force 980 canvas */
  .wixui-button,
  .StylableButton2545352419__root,
  .uDW_Qe {
    max-width: 100% !important;
    width: auto !important;
  }

  /* Wix mesh still places desktop left offsets inside a 1-col grid */
  [data-testid="mesh-container-content"] > [id^="comp-"],
  [data-mesh-id$="gridContainer"] > [id] {
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-column: 1 / -1 !important;
    max-width: 100% !important;
  }

  .item-link-wrapper,
  .blog-post-list-item,
  .PFkO7r,
  .wixui-page,
  .wixui-repeater,
  .hRdzm4,
  .T7n0L6 {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }

  .hRdzm4 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  .T7n0L6 {
    flex: 0 0 auto !important;
    margin: 8px 0 !important;
  }

  .kz6Z0Q,
  .F3QiCY,
  [data-marquee-animation] {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* The Wix ProGallery inline 940px canvas is the fixed ancestor. */
  .pro-gallery, .pro-gallery-margin-container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }
  /* hbd: blog list was a 3-col 940px row — stack so titles stay in 390 */
  .item-link-wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .item-link-wrapper > * {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    position: relative !important;
    transform: none !important;
    flex: 0 0 auto !important;
  }
  h2.bD0vt9,
  h2.KNiaIk,
  .post-title {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
  }

  /* Wix Stores retains its desktop 890px / two-column body without JS. */
  [data-hook="product-page"] .GVYGm5,
  [data-hook="product-page"] .Jgs2b9,
  [data-hook="product-page"] .cell,
  [data-hook="product-page"] [data-hook="product-gallery-root"],
  [data-hook="product-page"] [data-hook="product-gallery-composite"],
  [data-hook="product-page"] [data-hook="description-wrapper"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  [data-hook="product-page"] .tfRE5M {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px;
    width: 100% !important;
  }
  [data-hook="product-page"] .Yt9tde { width: 100% !important; }

  /* hbd: inside hamburger, show submenu links without hover */
  body:has(#hb-nav-toggle:checked) #comp-m73z6xte .itemDepth02233374943__positionBox,
  body.hb-nav-open #comp-m73z6xte .itemDepth02233374943__positionBox {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
  }
}

/* Reviewed /parquet legacy SSR: repair fixed offsets, not the copy or cards. */
body:has(#comp-k9sr3yv8) #SITE_HEADER { position: relative !important; }
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer {
  display: grid !important;
  grid-template-columns: minmax(239px, 1fr) 63px minmax(100px, 150px) 62px 209px !important;
  grid-template-rows: auto auto auto !important;
  width: calc(100% - 32px) !important;
  max-width: 1400px !important;
  margin: 0 auto !important;
  padding: 16px 0 !important;
  gap: 12px !important;
  align-items: center !important;
}
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > [id] {
  position: relative !important; left: 0 !important; top: auto !important;
  margin: 0 !important; width: auto !important; min-width: 0 !important;
  max-width: 100% !important; grid-area: auto !important; justify-self: stretch !important;
}
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-jr0rresi { grid-area: 1 / 1 / 3 / 2 !important; max-width: 435px !important; width: 100% !important; }
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-kgpirch1 { grid-area: 1 / 2 / 2 / 6 !important; }
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-jr2d3jno { grid-area: 2 / 2 / 3 / 3 !important; }
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-kfqkct4t { grid-area: 2 / 3 / 3 / 4 !important; }
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #i5xnh6fd { grid-area: 2 / 4 / 3 / 5 !important; }
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-kfqjr0hx { grid-area: 2 / 5 / 3 / 6 !important; }
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #i2n51f3y { grid-area: 3 / 1 / 4 / 5 !important; }
body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-k3jy7vmp { grid-area: 3 / 5 / 4 / 6 !important; }
body:has(#comp-k9sr3yv8) #comp-kgpirch1 h1 { white-space: normal !important; }
body:has(#comp-k9sr3yv8) #comp-jr0rresi wix-image,
body:has(#comp-k9sr3yv8) #comp-jr0rresi img,
body:has(#comp-k9sr3yv8) #comp-jr0rresilink {
  width: 100% !important; max-width: 435px !important; height: auto !important;
  min-height: 0 !important; margin: 0 !important; object-fit: contain !important;
  display: block !important;
}
body:has(#comp-k9sr3yv8) #i2n51f3y {
  visibility: visible !important; height: auto !important; overflow: visible !important;
}
body:has(#comp-k9sr3yv8) #i2n51f3ynavContainer {
  position: relative !important; height: auto !important;
}
body:has(#comp-k9sr3yv8) #i2n51f3yitemsContainer {
  display: flex !important; flex-wrap: wrap !important; width: 100% !important;
  position: relative !important; height: auto !important;
}
body:has(#comp-k9sr3yv8) #i2n51f3yitemsContainer > li {
  width: auto !important; position: relative !important; height: auto !important;
}
/* Empty runtime overflow menu has no archived destination or items. */
body:has(#comp-k9sr3yv8) #i2n51f3y__more__ { display: none !important; }
@media (max-width: 980px) {
  body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer {
    grid-template-columns: minmax(0, 1fr) 64px !important;
    grid-template-rows: repeat(5, auto) !important;
    width: calc(100% - 32px) !important;
  }
  body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-jr0rresi { grid-area: 1 / 1 / 2 / 2 !important; max-width: 239px !important; }
  body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-kgpirch1 { grid-area: 2 / 1 / 3 / 3 !important; }
  body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-kfqjr0hx { grid-area: 3 / 1 / 4 / 2 !important; width: 100% !important; }
  body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #i5xnh6fd { grid-area: 3 / 2 / 4 / 3 !important; }
  body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-kfqkct4t { grid-area: 4 / 1 / 5 / 2 !important; justify-self: start !important; }
  body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-jr2d3jno { grid-area: 4 / 2 / 5 / 3 !important; }
  body:has(#comp-k9sr3yv8) #SITE_HEADERinlineContent-gridContainer > #comp-k3jy7vmp { grid-area: 5 / 1 / 6 / 3 !important; justify-self: center !important; width: 209px !important; }
  body:has(#comp-k9sr3yv8) #comp-kgpirch1 h1,
  body:has(#comp-k9sr3yv8) #comp-kgpirch1 h1 span { font-size: 16px !important; line-height: 1.4 !important; }
  body:has(#comp-k9sr3yv8) #i2n51f3y { display: none !important; }
  body:has(#comp-k9sr3yv8):has(#hb-nav-toggle:checked) #SITE_HEADERinlineContent-gridContainer > #i2n51f3y {
    display: block !important; position: fixed !important;
    top: 76px !important; left: 16px !important; right: 16px !important;
    width: calc(100% - 32px) !important; height: auto !important;
    max-height: calc(100vh - 92px) !important; overflow: auto !important;
    margin: 0 !important; padding: 12px !important; box-sizing: border-box !important;
    z-index: 10040 !important; background: #000; border: 1px solid #48a948;
  }
  body:has(#comp-k9sr3yv8):has(#hb-nav-toggle:checked) #i2n51f3yitemsContainer {
    flex-direction: column !important; gap: 12px !important;
  }
  body:has(#comp-k9sr3yv8) #comp-k9sr7dtz { order: -1 !important; }
  body:has(#comp-k9sr3yv8) #comp-k9sr3yv8 [data-hook="product-list-wrapper"] {
    display: flex !important; flex-direction: column !important; margin: 0 !important; width: 100% !important;
  }
  body:has(#comp-k9sr3yv8) #comp-k9sr3yv8 [data-hook="product-list-grid-item"] {
    width: 100% !important; flex: 0 0 auto !important; padding: 12px !important; box-sizing: border-box !important;
  }
}
