/* Phone/tablet layout for the editable captured content; desktop stays untouched. */
@media (max-width: 979px) {
  body.po-site { min-width: 0 !important; }
  #SITE_CONTAINER, #main_MF, #site-root, #masterPage,
  #PAGES_CONTAINER, #po-main-content, #SITE_PAGES, #SITE_PAGES_TRANSITION_GROUP {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  #po-main-content { overflow-wrap: anywhere; }
  #masterPage { display: block !important; height: auto !important; min-height: 0 !important; }
  #PAGES_CONTAINER, #po-main-content, #SITE_PAGES, #SITE_PAGES_TRANSITION_GROUP {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  #po-main-content .po-original-content {
    box-sizing: border-box;
    position: relative;
    width: calc(100% - 28px) !important;
    min-width: 0 !important;
    max-width: 780px !important;
    margin: 20px auto 32px !important;
    padding: 24px 18px 28px;
    border-radius: 26px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 12px 36px rgba(75, 69, 38, .08);
    color: #48453e;
    font: 18px/1.65 'patrick hand', cursive;
    -webkit-text-size-adjust: 100%;
  }
  #po-main-content .po-original-content :is(.i0StQr, .JJb9Mt, [id^="Container"], .wixui-section, [data-testid="inline-content"], [data-testid="mesh-container-content"]) {
    box-sizing: border-box;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0;
    transform: none !important;
    grid-area: auto !important;
    overflow: visible !important;
  }
  #po-main-content .po-original-content :is(.i0StQr, .JJb9Mt, [id^="Container"], .wixui-section, [data-testid="inline-content"]) {
    display: block !important;
  }
  #po-main-content .po-original-content [data-testid="mesh-container-content"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 22px !important;
    grid-template: none !important;
    grid-auto-rows: auto !important;
  }
  #po-main-content .po-original-content [data-testid="mesh-container-content"] > * {
    box-sizing: border-box;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    grid-area: auto !important;
    justify-self: stretch !important;
    align-self: auto !important;
    transform: none !important;
  }
  #po-main-content .po-original-content .wixui-section + .wixui-section { margin-top: 26px !important; }
  #po-main-content .po-original-content :is([data-hook="bgLayers"], [data-testid="container-bg"]) { display: none !important; }
  #po-main-content .po-original-content .wixui-horizontal-line {
    width: 100% !important;
    height: 2px !important;
    min-height: 2px !important;
    border-color: #e1e9bc !important;
    opacity: .7;
  }

  /* Free text from fixed desktop boxes and clipped card excerpts. */
  #po-main-content .po-original-content [data-testid="richTextElement"],
  #po-main-content .po-original-content :is([data-testid="ellipsis_text_viewer_root"], [data-testid="ellipsis_text_viewer_text_wrapper"], .wixui-collapsible-text__text) {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    white-space: normal !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    color: #48453e !important;
    font: 18px/1.65 'patrick hand', cursive !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  #po-main-content .po-original-content :is([data-testid="ellipsis_text_viewer_root"], [data-testid="ellipsis_text_viewer_text_wrapper"]) { display: block !important; }
  #po-main-content .po-original-content .wixui-collapsible-text__text { margin: 0 !important; white-space: pre-line !important; }
  #po-main-content .po-original-content [data-testid="richTextElement"] :is(p, li, span, a, strong, em, b, i) {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: normal !important;
    color: inherit !important;
    white-space: normal !important;
  }
  #po-main-content .po-original-content [data-testid="richTextElement"] :is(p, li) { text-align: left !important; }
  #po-main-content .po-original-content [data-testid="richTextElement"] p { margin: 0 0 .8em !important; }
  #po-main-content .po-original-content [data-testid="richTextElement"] p:last-child { margin-bottom: 0 !important; }
  #po-main-content .po-original-content [data-testid="richTextElement"] p:empty { display: none; }
  #po-main-content .po-original-content [data-testid="richTextElement"] :is(h1, h2, h3, h4, h5, h6) {
    margin: 0 0 .55em !important;
    color: #506628 !important;
    font: 700 clamp(26px, 5.7vw, 34px)/1.2 'patrick hand', cursive !important;
    text-align: left !important;
    letter-spacing: normal !important;
    overflow-wrap: anywhere;
  }
  #po-main-content .po-original-content [data-testid="richTextElement"] h1 { font-size: clamp(30px, 7vw, 40px) !important; }
  #po-main-content .po-original-content [data-testid="richTextElement"] a {
    color: #216d55 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 1.5px !important;
    text-underline-offset: 3px;
  }

  /* Existing image and link nodes remain in place, including editable overrides. */
  #po-main-content .po-original-content .wixui-image { overflow: hidden; border-radius: 16px; }
  #po-main-content .po-original-content .wixui-image > [data-testid="linkElement"] {
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }
  #po-main-content .po-original-content .wixui-image img {
    display: block !important;
    position: static !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
  #po-main-content .po-original-content .wixui-button {
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: auto !important;
    padding: 12px 18px !important;
    border-radius: 14px !important;
    font: 700 18px/1.3 'patrick hand', cursive !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: anywhere;
    text-decoration: none;
  }
  #po-main-content .po-original-content .mu5PoX {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
  }
  #po-main-content .po-original-content .wixui-button__label { white-space: normal !important; font: inherit !important; }

  /* Program cards: one comfortable column on phones, two on wider tablets. */
  #po-main-content .po-original-content .wixui-repeater > [role="list"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
  }
  #po-main-content .po-original-content .wixui-repeater :is(.TmK0x, ._FiCX, .wixui-repeater__item, .gpDCD5) {
    display: block !important;
    box-sizing: border-box;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }
  #po-main-content .po-original-content .wixui-repeater .wixui-repeater__item {
    padding: 16px !important;
    border: 1px solid #e7ebd5;
    border-radius: 22px;
    background: #fbfcef;
  }
  #po-main-content .po-original-content .wixui-repeater [data-testid="mesh-container-content"] { gap: 16px !important; }

  /* Swipeable galleries keep their existing full-image viewer and keyboard controls. */
  #po-main-content .po-original-content .wixui-gallery {
    --po-gallery-item-size: clamp(210px, 68vw, 320px) !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  #po-main-content .po-original-content .wixui-gallery [data-testid="slider-gallery-visible-items-container"] {
    position: relative !important;
    inset: auto !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    height: calc(var(--po-gallery-item-size) + 10px) !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 16px;
    scrollbar-width: thin !important;
    scrollbar-color: #8da947 #eef2dc;
    touch-action: pan-x pan-y;
  }
  #po-main-content .po-original-content .wixui-gallery [data-testid="slider-gallery-visible-items-container"]::-webkit-scrollbar { display: block; height: 6px; }
  #po-main-content .po-original-content .wixui-gallery [data-testid="slider-gallery-visible-items-container"]::-webkit-scrollbar-thumb { background: #8da947; border-radius: 8px; }
  #po-main-content .po-original-content .wixui-gallery [data-testid="slider-gallery-all-items-container"] { height: var(--po-gallery-item-size) !important; }
  #po-main-content .po-original-content .wixui-gallery :is([data-testid="slider-gallery-swipe-left"], [data-testid="slider-gallery-swipe-right"]) {
    top: calc(50% - 27px) !important;
    bottom: auto !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .94);
    box-shadow: 0 2px 10px #0002;
    z-index: 3;
  }
  #po-main-content .po-original-content .wixui-gallery [data-testid="slider-gallery-swipe-left"] { left: 8px !important; right: auto !important; }
  #po-main-content .po-original-content .wixui-gallery [data-testid="slider-gallery-swipe-right"] { right: 8px !important; left: auto !important; }
  #po-main-content .po-original-content [hidden] { display: none !important; }

  /* Real contact form and the existing public Facebook widget. */
  #po-main-content .po-original-content .po-contact-form { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #po-main-content .po-original-content .po-contact-form :is(input, textarea, button) { font-size: 18px; border-radius: 12px; }
  #po-main-content .po-original-content .po-contact-form input { min-height: 48px; }
  #po-main-content .po-original-content .po-contact-form button { min-height: 48px; width: 100%; }
  #po-main-content .po-original-content #comp-lr6lbern { width: 100% !important; height: 582px !important; margin-bottom: 24px !important; }
  #po-main-content .po-original-content #comp-lr6lbern iframe { width: 100% !important; max-width: 100% !important; height: 582px !important; border-radius: 16px; }
  #po-main-content .po-original-content .po-facebook-fallback { top: calc(100% + 6px) !important; font-size: 14px !important; }

  /* The original five homepage image/link pairs become a compact card grid. */
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 14px !important;
  }
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] > .wixui-image { height: 190px !important; border-radius: 18px 18px 0 0; }
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] > .wixui-image > [data-testid="linkElement"],
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] > .wixui-image img { height: 100% !important; }
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] > :nth-child(4n + 1) { grid-column: 1 !important; }
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] > :nth-child(4n + 2) { grid-column: 1 !important; margin-bottom: 22px !important; }
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] > :nth-child(4n + 3) { grid-column: 2 !important; }
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] > :nth-child(4n + 4) { grid-column: 2 !important; margin-bottom: 22px !important; }
  #po-main-content .po-original-content #comp-jp13ygtj, #po-main-content .po-original-content #comp-kcvwddyb { grid-row: 1 !important; }
  #po-main-content .po-original-content #StBttn0-lea, #po-main-content .po-original-content #comp-kcvwi5an { grid-row: 2 !important; }
  #po-main-content .po-original-content #comp-kcvwdj0a, #po-main-content .po-original-content #comp-kcvwdnp2 { grid-row: 3 !important; }
  #po-main-content .po-original-content #comp-kcvwgc0m, #po-main-content .po-original-content #comp-kcvwhvl5 { grid-row: 4 !important; }
  #po-main-content .po-original-content #comp-kcvwdsj1 { grid-row: 5 !important; }
  #po-main-content .po-original-content #comp-kcvwl3xs { grid-row: 6 !important; }
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] .wixui-button { min-height: 48px !important; padding: 12px 5px !important; border-radius: 0 0 14px 14px !important; font-size: 16px !important; }

  /* Keep the small decorative characters on Gusarski junak together as a ribbon. */
  #po-main-content .po-original-content [data-mesh-id="comp-l6i8scbyinlineContent-gridContainer"] {
    flex-flow: row wrap !important;
    align-items: center !important;
    gap: 10px !important;
  }
  #po-main-content .po-original-content [data-mesh-id="comp-l6i8scbyinlineContent-gridContainer"] > .wixui-rich-text { flex-basis: 100%; }
  #po-main-content .po-original-content [data-mesh-id="comp-l6i8scbyinlineContent-gridContainer"] > .wixui-image { flex: 0 0 44px; width: 44px !important; height: 44px !important; border-radius: 0; }
  #po-main-content .po-original-content [data-mesh-id="comp-l6i8scbyinlineContent-gridContainer"] .wixui-image > [data-testid="linkElement"],
  #po-main-content .po-original-content [data-mesh-id="comp-l6i8scbyinlineContent-gridContainer"] .wixui-image img { height: 100% !important; object-fit: contain !important; }
}

@media (min-width: 600px) and (max-width: 979px) {
  #po-main-content .po-original-content { padding: 32px; }
  #po-main-content .po-original-content .wixui-repeater > [role="list"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  #po-main-content .po-original-content .po-contact-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #po-main-content .po-original-content [data-mesh-id="comp-limry53pinlineContent-gridContainer"] > .wixui-image { height: 250px !important; }
}