/* Folk Instruments — responsive layer (760px centered frame on desktop) */

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* body.folk-site base colors/margins — see folk-site.css */

/* ——— Desktop / wide: centered 760px frame ——— */
body.folk-site > table,
body.folk-site .folk-site-frame {
  width: 760px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Photos scale down inside the frame; icons keep pixel size */
body.folk-site img {
  max-width: 100%;
  height: auto;
}

body.folk-site img[width="22"][height="22"],
body.folk-site img[width="20"][height="20"],
body.folk-site img[width="21"][height="8"],
body.folk-site img[width="22"][height="8"],
body.folk-site img[width="19"][height="8"],
body.folk-site img[src*="ikon"],
body.folk-site img[src*="gramofonas"],
body.folk-site img[src*="gb.gif"],
body.folk-site img[src$="de.gif"],
body.folk-site img[src$="lt.gif"] {
  max-width: none;
}

/* Menu icons only — not flag GIFs (22×8) */
body.folk-site img[width="22"][height="22"] {
  width: 22px;
  height: 22px;
}

body.folk-site img[width="20"] {
  width: 20px;
  height: 20px;
}

body.folk-site img[src*="title_small"] {
  max-width: min(100%, 265px);
  width: auto;
  height: auto;
}

body.folk-site--home .folk-index-title {
  max-width: min(100%, 236px);
  background-size: contain;
}

body.folk-site--home.folk-site--lang-en .folk-index-title,
body.folk-site--home.folk-site--lang-de .folk-index-title {
  max-width: min(100%, 219px);
}

body.folk-site--home .folk-index-hero__photo {
  max-width: min(100%, 373px);
  width: min(100%, 373px);
  background-size: contain;
}

body.folk-site--home .folk-index-dekor {
  max-width: min(100%, 305px);
  background-size: contain;
}

/* Menu strip — fluid width on narrow viewports */
body.folk-site .folk-site-nav,
body.folk-site .folk-main-nav {
  max-width: 100%;
}

/* Language flags (homepage) */
body.folk-site table[width="258"] img[src*="gb.gif"],
body.folk-site table[width="258"] img[src$="de.gif"],
body.folk-site table[width="258"] img[src$="lt.gif"] {
  display: inline !important;
  vertical-align: bottom;
  height: 8px;
  width: auto;
  max-width: none;
}

/* Decorative strips — also .folk-header-strip in folk-site.css */

/* Popup pages — body.folk-site--minimal in folk-site.css */

/* ——— Narrow screens: fluid width + stacked sections ——— */
@media (max-width: 760px) {
  html {
    overflow-x: clip;
  }

  body.folk-site > table {
    width: 100% !important;
  }

  body.folk-site table[width="760"],
  body.folk-site table[width="758"] {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
  }

  body.folk-site td[width="760"],
  body.folk-site td[width="758"] {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
  }

  body.folk-site table[width="760"] table,
  body.folk-site table[width="758"] table {
    max-width: 100%;
  }

  body.folk-site td[background*="raiz_juosta"],
  body.folk-site td[background*="dryziai"] {
    background-size: 100% auto !important;
  }

  /* Inner pages: no 760px fixed chrome (header grid, main nav inline grid). */
  body.folk-site .folk-site-frame,
  body.folk-site .folk-content-layout {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Antraštė: vietos kalboms; raiz_juosta po rankomis (desktop — 3 eilutės). */
  body.folk-site .folk-site-header {
    padding-top: 10px;
    box-sizing: border-box;
  }

  /* Ornamentų juosta: originalus 43×30 dydis, 14px nuo kraštų, dryžis per vidurį y=40. */
  body.folk-site .folk-header {
    grid-template-columns: 43px minmax(0, 1fr) 172px minmax(0, 1fr) 43px;
    grid-template-rows: auto 50px;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin-top: 20px;
    padding-inline: 14px;
    box-sizing: border-box;
    align-items: end;
  }

  body.folk-site .folk-header__logo {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
    max-width: min(100%, 271px);
    margin-top: 10px;
    padding-bottom: 14px;
    background-size: contain;
    box-sizing: content-box;
  }

  body.folk-site .folk-header__rule {
    grid-column: 2 / 5;
    grid-row: 2;
    width: 100%;
    height: 9px;
    margin: 0;
    padding: 0;
    align-self: start;
    margin-top: 40px;
    z-index: 1;
    background: url(../images/raiz_juosta.gif) repeat-x left center;
    background-size: auto 9px;
  }

  body.folk-site .folk-header__hands {
    display: block;
    grid-column: 3;
    grid-row: 2;
    width: 172px;
    max-width: min(172px, 48vw);
    height: 49px;
    justify-self: center;
    align-self: start;
    z-index: 2;
    background-color: transparent;
    background-image:
      url(../images/hands_top.gif),
      url(../images/hands_mid.gif),
      url(../images/raiz_juosta.gif),
      url(../images/hands_bot.gif);
    background-repeat: no-repeat, no-repeat, repeat-x, no-repeat;
    background-position: center top, center 40px, center 40px, center 49px;
    background-size: 172px 40px, 172px 9px, auto 9px, 172px 10px;
  }

  body.folk-site .folk-header__hands-top,
  body.folk-site .folk-header__hands-mid,
  body.folk-site .folk-header__hands-bot {
    display: none;
  }

  body.folk-site .folk-header__side--left {
    grid-column: 1;
    grid-row: 2;
    width: 43px;
    height: 30px;
    align-self: start;
    margin-top: 29px;
    justify-self: start;
    z-index: 3;
    background: url(../images/left_top_raiz.gif) no-repeat right bottom;
    background-size: 43px 30px;
  }

  body.folk-site .folk-header__side--right {
    grid-column: 5;
    grid-row: 2;
    width: 43px;
    height: 30px;
    align-self: start;
    margin-top: 29px;
    justify-self: end;
    z-index: 3;
    background: url(../images/right_top_raiz.gif) no-repeat left bottom;
    background-size: 43px 30px;
  }

  body.folk-site .folk-site-nav {
    width: 100% !important;
    max-width: 100%;
    height: auto;
    min-height: 22px;
    overflow-x: clip;
  }

  /* Vidiniai: 3+2 be dryžių; didesnis row-gap — patogiau liesti (desktop — meniu2). */
  body.folk-site .folk-site-nav--inner {
    padding: 8px 10px 6px;
    background: transparent;
    background-image: none;
  }

  body.folk-site .folk-main-nav--inner {
    display: grid !important;
    grid-template-columns: 1fr repeat(3, max-content) 1fr !important;
    grid-template-rows: auto auto;
    row-gap: 6px;
    column-gap: 12px;
    justify-items: center;
    align-items: center;
    width: 100% !important;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 4px 6px;
    box-sizing: border-box;
    position: relative;
    background: none;
    background-image: none;
  }

  body.folk-site .folk-main-nav--inner::before,
  body.folk-site .folk-main-nav--inner::after {
    display: none;
  }

  body.folk-site .folk-main-nav--inner .folk-nav-item {
    height: auto;
    min-height: 44px;
    padding: 6px 2px;
    box-sizing: border-box;
    background-color: transparent;
    margin: 0;
  }

  body.folk-site .folk-main-nav--inner .folk-nav-item--kankles {
    grid-row: 1;
    grid-column: 2;
  }

  body.folk-site .folk-main-nav--inner .folk-nav-item--puciamieji {
    grid-row: 1;
    grid-column: 3;
  }

  body.folk-site .folk-main-nav--inner .folk-nav-item--musamieji {
    grid-row: 1;
    grid-column: 4;
  }

  body.folk-site .folk-main-nav--inner .folk-nav-row--pair {
    display: flex;
    flex-wrap: nowrap;
    grid-row: 2;
    grid-column: 1 / -1;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body.folk-site .folk-main-nav--inner .folk-nav-row--pair .folk-nav-item {
    margin: 0;
    flex: 0 1 auto;
  }

  body.folk-site .folk-main-nav--inner .folk-nav-item__label {
    font-size: 12px;
  }

  /* Antrinis meniu: kaip viršutinis (3 eilutėje), šiek tiek mažesnis. */
  body.folk-site .folk-section-nav,
  body.folk-site .folk-section-nav--many,
  body.folk-site .folk-section-nav--pair {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 10px !important;
    padding: 4px 10px 6px !important;
    box-sizing: border-box;
    justify-content: center;
  }

  body.folk-site .folk-section-nav:not(.folk-section-nav--pair) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-flow: row;
    row-gap: 6px;
    column-gap: 12px;
    justify-items: center;
    align-items: center;
  }

  body.folk-site .folk-section-nav--pair {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 12px;
  }

  body.folk-site .folk-section-nav .folk-nav-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 38px;
    height: auto;
    padding: 5px 2px;
    margin: 0;
    background-color: transparent;
    justify-self: center;
  }

  body.folk-site .folk-section-nav .folk-nav-item__icon {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    background-image: url(../images/ikon2.gif);
  }

  body.folk-site .folk-section-nav .folk-nav-item:hover .folk-nav-item__icon,
  body.folk-site .folk-section-nav .folk-nav-item:focus-visible .folk-nav-item__icon {
    background-image: url(../images/ikon_anim.gif);
  }

  body.folk-site .folk-section-nav .folk-nav-item__label {
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    white-space: normal;
    text-align: center;
    max-width: 6.5rem;
  }

  body.folk-site .folk-section-nav--pair .folk-nav-item__label {
    font-size: 11px;
    white-space: nowrap;
    max-width: none;
  }

  /* Titulinis 521–760px: tas pats 3+2 tinklelis (ne desktop space-between). */
  body.folk-site .folk-site-nav--index .folk-main-nav {
    display: grid !important;
    flex-wrap: nowrap;
    justify-content: center;
    grid-template-columns: 1fr repeat(3, max-content) 1fr !important;
    grid-template-rows: auto auto;
    row-gap: 6px;
    column-gap: 12px;
    justify-items: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    padding: 4px 6px;
    background: none;
    background-image: none;
  }

  body.folk-site .folk-site-nav--index .folk-main-nav::before,
  body.folk-site .folk-site-nav--index .folk-main-nav::after {
    display: none;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item::before {
    display: none;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item {
    flex: none;
    margin: 0;
    min-height: 44px;
    padding: 6px 2px;
    background: transparent;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item__icon {
    background-color: transparent;
    border-radius: 0;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item--kankles {
    grid-row: 1;
    grid-column: 2;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item--puciamieji {
    grid-row: 1;
    grid-column: 3;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item--musamieji {
    grid-row: 1;
    grid-column: 4;
  }

  body.folk-site .folk-site-nav--index .folk-nav-row--pair {
    display: flex;
    flex-wrap: nowrap;
    grid-row: 2;
    grid-column: 1 / -1;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body.folk-site .folk-site-nav--index .folk-nav-row--pair .folk-nav-item {
    margin: 0;
    flex: 0 1 auto;
  }

}

/* Homepage mobile: antraštė → apverstas dekor.gif → kontaktai → main_il */
@media (max-width: 720px) {
  body.folk-site--home .folk-index-card,
  body.folk-site--home .folk-index-card__inner {
    width: 100%;
  }

  body.folk-site--home .folk-index-hero.folk-site-header {
    padding-top: 10px;
    box-sizing: border-box;
  }

  body.folk-site--home .folk-index-hero {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  body.folk-site--home .folk-index-hero__text {
    align-items: center;
    justify-items: stretch;
    min-height: 0;
    padding: 12px 8px 0 8px;
    grid-template-rows: auto auto auto auto;
  }

  body.folk-site--home .folk-index-title,
  body.folk-site--home .folk-index-contact,
  body.folk-site--home .folk-index-spacer {
    width: 100%;
    max-width: 305px;
    justify-self: center;
  }

  /* Vienas 305px stulpelis; logotipas kairėje (ne siauras centruotas blokas EN/DE). */
  body.folk-site--home .folk-index-title {
    align-self: center;
    max-width: 305px;
    background-position: left bottom;
    background-size: 236px 132px;
  }

  body.folk-site--home.folk-site--lang-en .folk-index-title,
  body.folk-site--home.folk-site--lang-de .folk-index-title {
    width: 100%;
    max-width: 305px;
    background-size: 219px 132px;
  }

  body.folk-site--home .folk-index-dekor {
    display: none;
  }

  /* dekor.gif veidrodinis — ratas dešinėje (kaip legacy align="right"). */
  body.folk-site--home .folk-index-dekor-slot {
    display: block;
    width: 100%;
    max-width: 100%;
    justify-self: end;
    height: 50px;
    margin-top: 6px;
    box-sizing: border-box;
    background: url(../images/dekor.gif) no-repeat right top;
    background-size: 305px 50px;
    transform: scaleX(-1);
  }

  body.folk-site--home .folk-index-spacer {
    height: 12px;
  }

  body.folk-site--home .folk-index-contact {
    text-align: left;
    padding-bottom: 5px;
  }

  body.folk-site--home .folk-index-hero__photo {
    display: block;
    justify-self: center;
    min-height: 0;
    padding: 8px;
  }

  body.folk-site table[width="758"][height="350"] > tbody > tr {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  body.folk-site table[width="758"][height="350"] > tbody > tr > td[width="358"],
  body.folk-site table[width="758"][height="350"] > tbody > tr > td[width="400"] {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    display: block;
    text-align: center;
  }

  body.folk-site table[width="358"] td[align="right"] {
    text-align: center;
  }

  body.folk-site table[width="358"] table[width="258"] {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Secondary section menu — centered on narrow screens */
@media (max-width: 760px) {
  body.folk-site .folk-content-layout > .folk-content-intro,
  body.folk-site .folk-content-layout > .folk-instrument-row--text-only {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.folk-site .folk-content-intro__main.main p.folk-main-head--section {
    text-align: center;
  }

  body.folk-site .folk-content-intro__main.main p.folk-main-head--section .folk-section-nav {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Titulinis ≤520px: kompaktiškas meniu be dryžių (desktop — meniu_back). */
@media (max-width: 520px) {
  body.folk-site--home .folk-index-strip {
    display: none;
  }

  body.folk-site .folk-site-header + .folk-site-nav--index {
    margin-top: 8px;
    margin-bottom: 0;
    padding: 6px 10px 4px;
    width: 100% !important;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: transparent !important;
    background-image: none !important;
  }

  body.folk-site .folk-site-nav--index .folk-main-nav {
    display: grid !important;
    flex-wrap: nowrap;
    grid-template-columns: 1fr repeat(3, max-content) 1fr !important;
    grid-template-rows: auto auto;
    row-gap: 6px;
    column-gap: 12px;
    justify-content: center;
    justify-items: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 4px 6px;
    box-sizing: border-box;
    position: relative;
    background: none;
    background-image: none;
  }

  body.folk-site .folk-site-nav--index .folk-main-nav::before,
  body.folk-site .folk-site-nav--index .folk-main-nav::after {
    display: none;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item::before {
    display: none;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item {
    flex: 0 1 auto;
    height: auto;
    min-height: 44px;
    margin: 0;
    padding: 6px 2px;
    box-sizing: border-box;
    background: transparent;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item__icon {
    background-color: transparent;
    border-radius: 0;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item__icon,
  body.folk-site .folk-site-nav--index .folk-nav-item__label {
    position: relative;
    z-index: 1;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item--kankles {
    grid-row: 1;
    grid-column: 2;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item--puciamieji {
    grid-row: 1;
    grid-column: 3;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item--musamieji {
    grid-row: 1;
    grid-column: 4;
  }

  body.folk-site .folk-site-nav--index .folk-nav-row--pair {
    display: flex;
    flex-wrap: nowrap;
    grid-row: 2;
    grid-column: 1 / -1;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body.folk-site .folk-site-nav--index .folk-nav-row--pair .folk-nav-item {
    margin: 0;
    flex: 0 1 auto;
  }

  body.folk-site .folk-site-nav--index .folk-nav-item__label {
    font-size: 12px;
  }
}

/* Instrument pages: image + text columns */
@media (max-width: 720px) {
  body.folk-site .folk-content-layout {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    align-items: stretch;
  }

  body.folk-site .folk-instrument-row,
  body.folk-site .folk-content-intro {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    max-width: 100%;
  }

  body.folk-site .folk-content-intro--solo,
  body.folk-site .folk-instrument-row--text-only {
    max-width: 100%;
  }

  body.folk-site .folk-instrument-row:not(.folk-instrument-row--text-only) {
    padding: 12px 0 32px;
    border-bottom: none;
  }

  body.folk-site .folk-content-intro ~ .folk-instrument-row:not(.folk-instrument-row--text-only):first-of-type {
    border-top: none;
    padding-top: 14px;
  }

  body.folk-site .folk-instrument-row__media[id] {
    scroll-margin-top: 12px;
  }

  body.folk-site .folk-instrument-row__media {
    width: 100% !important;
    max-width: 100%;
    flex: none;
    min-height: 0;
    text-align: center;
    padding: 8px 12px 0;
    border-bottom: none;
    box-sizing: border-box;
    position: static;
    top: auto;
    transform: none;
    max-height: none;
    overflow-y: visible;
    align-self: stretch;
    justify-content: flex-start;
    z-index: auto;
  }

  body.folk-site .folk-instrument-row__media p:has(img) {
    margin: 0 0 4px;
  }

  body.folk-site .folk-instrument-row__media p:has(.folk-audio-widget) {
    margin: 0 0 2px;
  }

  body.folk-site .folk-content-intro__aside {
    width: 100% !important;
    max-width: 100%;
    flex: none;
    min-height: 0;
    text-align: center;
    padding: 8px 12px 4px;
    border-bottom: none;
    box-sizing: border-box;
    position: static;
    top: auto;
    transform: none;
    max-height: none;
    overflow-y: visible;
    align-self: stretch;
    justify-content: flex-start;
    z-index: auto;
  }

  body.folk-site .folk-instrument-row__text.main {
    min-height: 0;
    justify-content: flex-start !important;
  }

  body.folk-site .folk-content-intro__main.main {
    width: 100% !important;
    max-width: 100%;
    padding: 10px 14px 16px;
    box-sizing: border-box;
  }

  body.folk-site .folk-instrument-row__text.main {
    width: 100% !important;
    max-width: 100%;
    padding: 4px 14px 0;
    box-sizing: border-box;
  }

  body.folk-site .folk-instrument-row__text.main > p:first-child:not(:has(*)) {
    display: none;
  }

  body.folk-site .folk-instrument-row__text.main > p.bmain:has(> a[name]:only-child) {
    display: none;
    margin: 0;
  }

  body.folk-site .folk-instrument-row__text.main > p.bmain:first-of-type,
  body.folk-site .folk-instrument-row__text.main > span.bmain:first-child {
    margin-top: 0;
  }

  /* Viena trumpa linija po antrašte — ne pilno pločio atskiros juostos. */
  body.folk-site .folk-content-intro__aside {
    padding-bottom: 0;
  }

  body.folk-site .folk-content-intro__main.main {
    padding-top: 0;
  }

  body.folk-site .folk-content-intro__main.main p.folk-main-head--rule {
    margin: 0 0 0.65em;
    text-align: center;
  }

  body.folk-site .folk-content-intro__main.main p.folk-main-head--section {
    text-align: center;
    margin-bottom: 0.5em;
  }

  body.folk-site .folk-content-intro__main.main p.folk-main-head--section .folk-main-rule {
    display: block;
    width: 100%;
    max-width: 438px;
    margin-left: auto;
    margin-right: auto;
  }

  body.folk-site .folk-content-intro__main.main p.folk-main-head--rule .folk-main-rule {
    display: block;
    width: 100%;
    max-width: 438px;
    margin-left: auto;
    margin-right: auto;
  }

  body.folk-site
    .folk-content-intro
    ~ .folk-instrument-row:first-of-type
    .folk-content-text
    > p.folk-main-head--rule {
    display: none;
  }

  body.folk-site .folk-content-text > p.folk-main-foot {
    display: none;
  }

  /* Tik instrumentų nuotraukos — ne gramofono (audio) ikonėlės. */
  body.folk-site .folk-instrument-row__media .folk-lightbox-open img,
  body.folk-site .folk-instrument-row__media img:not(.folk-audio-btn__icon):not([src*="gramofonas"]) {
    display: block;
    width: auto;
    max-width: min(100%, 250px);
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  body.folk-site .folk-instrument-row__media .folk-audio-btn__icon,
  body.folk-site .folk-instrument-row__media img[src*="gramofonas"] {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
  }

  body.folk-site tr:has(> td[width="315"]) {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  body.folk-site tr:has(> td[width="315"]) > td {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    box-sizing: border-box;
  }

  body.folk-site tr:has(> td[width="315"]) > td[width="100"],
  body.folk-site tr:has(> td[width="315"]) > td[width="125"],
  body.folk-site tr:has(> td[width="315"]) > td[width="29"]:empty,
  body.folk-site tr:has(> td[width="315"]) > td:empty {
    display: none;
    padding: 0;
    margin: 0;
    height: 0 !important;
    min-height: 0;
    overflow: hidden;
  }

  body.folk-site tr:has(> td[width="315"]) > td[align="right"],
  body.folk-site tr:has(> td[width="315"]) > td.folk-col-side {
    text-align: center;
    padding: 8px 12px 0;
    border-bottom: none;
  }

  body.folk-site tr:has(> td[width="315"]) > td[width="315"] {
    padding: 4px 14px 0;
  }

  body.folk-site tr:has(> td[width="315"]) img[src*="puciamieji/"]:not([src*="gramofonas"]),
  body.folk-site tr:has(> td[width="315"]) img[src*="kankles/"]:not([src*="gramofonas"]),
  body.folk-site tr:has(> td[width="315"]) img[src*="musamieji/"]:not([src*="gramofonas"]),
  body.folk-site tr:has(> td[width="315"]) td[align="right"] img:not(.folk-audio-btn__icon):not([src*="gramofonas"]),
  body.folk-site tr:has(> td[width="315"]) td.folk-col-side img:not(.folk-audio-btn__icon):not([src*="gramofonas"]) {
    display: block;
    width: auto;
    max-width: min(100%, 250px);
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  body.folk-site tr:has(> td[width="315"]) .folk-audio-btn__icon,
  body.folk-site tr:has(> td[width="315"]) img[src*="gramofonas"] {
    width: 20px !important;
    height: 20px !important;
    max-width: 20px !important;
  }
}

/* TOC rows stay table layout on mobile */
@media (max-width: 720px) {
  body.folk-site table[width="760"] > tbody > tr:first-child table tr:has(td[width="315"]):not(:has(td[align="right"])) {
    display: table-row;
  }

  body.folk-site table[width="760"] > tbody > tr:first-child table tr:has(td[width="315"]):not(:has(td[align="right"])) > td {
    display: table-cell;
    width: auto !important;
  }

  body.folk-site table[width="760"] > tbody > tr:first-child table tr:has(td[width="315"]):not(:has(td[align="right"])) > td[width="100"],
  body.folk-site table[width="760"] > tbody > tr:first-child table tr:has(td[width="315"]):not(:has(td[align="right"])) > td[width="125"] {
    display: none;
  }

  body.folk-site td[width="315"] .h,
  body.folk-site td[width="315"] .h_small_link,
  body.folk-site .folk-instrument-row__text.main .h,
  body.folk-site .folk-instrument-row__text.main .h_small_link,
  body.folk-site .folk-content-intro__main.main .h,
  body.folk-site .folk-content-intro__main.main .h_small_link {
    line-height: 1.5;
  }
}

/* Page header mobile — see @media (max-width: 760px) .folk-header rules above */

/* Header “hands” — keep legacy pixel size */
body.folk-site img[src*="hands_top.gif"] {
  width: 172px;
  height: 40px;
  max-width: none;
}

body.folk-site img[src*="hands_mid.gif"] {
  width: 172px;
  height: 9px;
  max-width: none;
}

body.folk-site img[src*="hands_bot.gif"] {
  width: 172px;
  height: 10px;
  max-width: none;
}

/* Footer */
@media (max-width: 720px) {
  body.folk-site .folk-site-footer {
    grid-template-columns: 36px 1fr 36px;
    grid-template-rows: auto auto;
    width: 100%;
    padding: 12px 10px 16px;
    gap: 8px 10px;
  }

  body.folk-site .folk-footer__side--left {
    grid-column: 1;
    grid-row: 1;
  }

  body.folk-site .folk-footer__copy {
    grid-column: 2;
    grid-row: 1;
    text-align: center;
  }

  body.folk-site .folk-footer__side--right {
    grid-column: 3;
    grid-row: 1;
  }

  body.folk-site .folk-footer__links {
    grid-column: 1 / -1;
    grid-row: 2;
    text-align: center;
  }
}

/* Order form popup */
@media (max-width: 520px) {
  body.folk-site table[width="470"],
  body.folk-site table[width="450"] {
    width: 100% !important;
    max-width: 100%;
  }
}

@media (hover: none) and (pointer: coarse) {
  body.folk-site .folk-audio-btn {
    padding: 4px;
  }

  body.folk-site .folk-audio-widget {
    gap: 6px;
  }

}