/* Phone layout only. Existing desktop/tablet declarations and one motion engine stay intact. */
@media (max-width: 600px) {
  html[data-site-version] body {
    --content-gutter: var(--jyh-mobile-padding);
    font-size: var(--jyh-mobile-body);
    line-height: var(--jyh-mobile-line-body);
  }
  html[data-site-version] .container { min-width: 0; }
  html[data-site-version] .section { padding-block: var(--jyh-mobile-section); }
  html[data-site-version] :is(.page-intro, .catalogue-intro) { padding-block: var(--jyh-mobile-section); }
  html[data-site-version] :is(.page-intro, .catalogue-intro) h1,
  html[data-site-version] .section-heading h2,
  html[data-site-version] .product-detail :is(.product-description, .product-specifications, .product-gallery) h2 {
    max-width: none;
    font-size: var(--jyh-mobile-heading);
    line-height: var(--jyh-mobile-line-heading);
  }
  html[data-site-version] .section-heading { margin-bottom: var(--jyh-mobile-padding); }
  html[data-site-version] :is(button, input, select, textarea) { font-size: var(--jyh-mobile-body); }
  html[data-site-version] body :is(button, select, summary, input[type="search"], input[type="number"]) { min-height: var(--jyh-mobile-touch); }
  html[data-site-version] :is(.button, .product-detail-download) { min-height: var(--jyh-mobile-touch); }
  html[data-site-version] .nav-row { min-height: var(--jyh-mobile-header); gap: var(--jyh-mobile-gap); }
  html[data-site-version] .brand { width: var(--jyh-mobile-logo); margin-inline-end: auto; }
  html[data-site-version] .menu-button {
    display: grid; place-content: center; padding: 0;
    min-width: var(--jyh-mobile-touch); min-height: var(--jyh-mobile-touch);
  }
  html[data-site-version] .nav-row > .language-link {
    min-width: var(--jyh-mobile-touch); min-height: var(--jyh-mobile-touch);
    margin: 0; padding: 0; font-family: var(--jyh-type-family);
  }
  html[data-site-version] .site-navigation {
    top: 100%; padding: var(--jyh-mobile-padding); gap: var(--jyh-mobile-unit);
    max-height: calc(100vh - var(--jyh-mobile-header));
    max-height: calc(100dvh - var(--jyh-mobile-header));
    white-space: normal; background: var(--jyh-chrome-surface);
  }
  html[data-site-version] .site-navigation > a,
  html[data-site-version] .site-navigation .product-menu-trigger,
  html[data-site-version] .site-navigation .header-search > summary {
    display: flex; align-items: center; min-height: var(--jyh-mobile-touch);
    padding-block: var(--jyh-mobile-unit);
  }
  html[data-site-version] .site-navigation :is(.product-menu-toggle, .product-menu-subtoggle) {
    width: var(--jyh-mobile-touch); height: var(--jyh-mobile-touch);
  }
  html[data-site-version] .site-navigation .product-menu-subtoggle { top: 0; }
  html[data-site-version] .site-navigation .product-menu-panel a:not(.language-link):not(.account-link) {
    padding: var(--jyh-mobile-gap) var(--jyh-mobile-touch) var(--jyh-mobile-gap) var(--jyh-mobile-gap);
    min-height: var(--jyh-mobile-touch); justify-content: flex-start; text-align: left;
  }
  html[data-site-version] .product-menu-label { text-align: left; }
  html[data-site-version] .site-navigation .header-search-panel {
    padding: var(--jyh-mobile-padding); max-width: 100%; min-width: 0;
  }
  html[data-site-version] body[data-home-theme="blue-daylight"] .hero {
    min-height: 0; padding-block: var(--jyh-mobile-section); overflow: hidden;
  }
  html[data-site-version] .hero-grid { grid-template-columns: minmax(0, 1fr); gap: var(--jyh-mobile-padding); }
  html[data-site-version] .hero-content { min-width: 0; min-height: 0; padding: 0; margin: 0; }
  html[data-site-version] body[data-home-theme="blue-daylight"] .hero-title-liquid {
    font-size: var(--jyh-mobile-hero); margin-bottom: var(--jyh-mobile-padding);
  }
  html[data-site-version="zh"] body[data-home-theme="blue-daylight"] .hero-title-liquid { font-size: var(--jyh-mobile-hero-zh); }
  html[data-site-version] body[data-home-theme="blue-daylight"] .hero-title-liquid span {
    max-inline-size: 100%; inline-size: fit-content; white-space: normal; overflow-wrap: normal;
  }
  html[data-site-version] body[data-home-theme="blue-daylight"] .hero-copy-display,
  html[data-site-version] body[data-home-theme="blue-daylight"] .hero-copy-display span:nth-child(n) {
    font-size: var(--jyh-mobile-body); line-height: var(--jyh-mobile-line-body); letter-spacing: 0;
  }
  html[data-site-version] .hero-copy { margin-bottom: 0; }
  html[data-site-version] .hero-equipment {
    min-height: 0; height: var(--jyh-mobile-equipment-height); margin: 0; align-items: center;
  }
  html[data-site-version] .hero-equipment img {
    width: 100%; max-width: 100%; height: 100%; object-fit: contain; margin: 0; transform: none;
  }
  html[data-site-version] .hero-grid > .button { justify-self: start; }
  html[data-site-version] .application-section .scenario-grid { grid-template-columns: minmax(0, 1fr); }
  html[data-site-version] .application-section .scenario-card {
    display: grid; grid-template-columns: var(--jyh-mobile-thumbnail) minmax(0, 1fr);
    grid-template-rows: auto auto auto auto; align-content: start;
    gap: var(--jyh-mobile-unit) var(--jyh-mobile-gap);
    min-height: 0; padding: var(--jyh-mobile-padding); border-radius: var(--jyh-mobile-radius);
  }
  html[data-site-version] .application-section .scenario-card-media {
    grid-column: 1; grid-row: 1 / 3; width: 100%; height: auto;
    aspect-ratio: var(--jyh-mobile-thumbnail-aspect); margin: 0;
    border-radius: var(--jyh-mobile-radius); align-self: start;
  }
  html[data-site-version] .application-section .scenario-card-top { grid-column: 2; grid-row: 1; margin: 0; }
  html[data-site-version] .application-section .scenario-card h3 {
    grid-column: 2; grid-row: 2; margin: 0; min-width: 0; max-inline-size: none;
    font-size: var(--jyh-mobile-card-heading); line-height: var(--jyh-mobile-line-heading);
    white-space: normal; overflow-wrap: normal;
  }
  html[data-site-version] .application-section .scenario-card > p {
    grid-column: 1 / -1; margin: 0; min-height: 0;
    font-size: var(--jyh-mobile-body); line-height: var(--jyh-mobile-line-body);
  }
  html[data-site-version] .application-section .scenario-card > .scenario-link {
    grid-column: 1 / -1; margin: 0; padding-top: var(--jyh-mobile-unit);
    font-size: var(--jyh-mobile-note); white-space: normal;
  }
  html[data-site-version] .es-intro { padding-block: var(--jyh-mobile-section) var(--jyh-mobile-padding); }
  html[data-site-version] .es-intro h1 { font-size: var(--jyh-mobile-heading); }
  html[data-site-version] .es-layout { grid-template-columns: minmax(0, 1fr); gap: var(--jyh-mobile-padding); padding-bottom: var(--jyh-mobile-section); }
  html[data-site-version] .es-form { padding: var(--jyh-mobile-padding); }
  html[data-site-version] .es-mobile-filters > summary { min-height: var(--jyh-mobile-touch); padding: var(--jyh-mobile-padding); }
  html[data-site-version] .es-toolbar { margin-top: var(--jyh-mobile-padding); padding-block: var(--jyh-mobile-padding); }
  html[data-site-version] .es-type-controls { grid-template-columns: minmax(0, 1fr); margin-block: var(--jyh-mobile-padding); }
  html[data-site-version] :is(.es-device-form-grid, .es-frequency-band-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column: 1 / -1;
    width: 100%; gap: var(--jyh-mobile-unit);
  }
  html[data-site-version] :is(.es-device-form-card, .es-frequency-band-card) {
    min-height: var(--jyh-mobile-touch); padding: var(--jyh-mobile-gap);
    font-size: var(--jyh-mobile-note); line-height: var(--jyh-mobile-line-heading);
  }
  html[data-site-version] .es-sort { grid-column: 1 / -1; }
  html[data-site-version] .es-page .es-range { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  html[data-site-version] .es-range:not(.es-range-two) > label:last-child { grid-column: 1 / -1; }
  html[data-site-version] .es-page :is(input, select, .es-select-trigger) { font-size: var(--jyh-mobile-body); }
  html[data-site-version] .es-empty { padding: var(--jyh-mobile-padding); }
  html[data-site-version] .es-empty h2 { font-size: var(--jyh-mobile-card-heading); }
  html[data-site-version] .mobile-family-picker { font-weight: 600; }
  html[data-site-version] .mobile-family-picker > summary {
    padding: var(--jyh-mobile-padding); min-height: var(--jyh-mobile-touch);
    border: var(--jyh-mobile-rule) solid var(--jyh-page-border); border-radius: var(--jyh-mobile-radius);
    background: var(--jyh-panel-surface); cursor: pointer;
  }
  html[data-site-version] .mobile-family-picker > summary span { font-size: var(--jyh-mobile-note); color: var(--jyh-page-muted); margin-inline-end: var(--jyh-mobile-unit); }
  html[data-site-version] .mobile-family-picker > summary strong { font-weight: 600; white-space: normal; }
  html[data-site-version] .mobile-family-picker .es-family-grid { grid-template-columns: minmax(0, 1fr); margin-block: var(--jyh-mobile-unit); gap: var(--jyh-mobile-unit); }
  html[data-site-version] .mobile-family-picker .es-family-card { min-height: var(--jyh-mobile-touch); padding: var(--jyh-mobile-gap); }
  html[data-site-version] .mobile-table-hint { margin: var(--jyh-mobile-padding) 0 var(--jyh-mobile-unit); color: var(--jyh-page-muted); font-size: var(--jyh-mobile-note); }
  html[data-site-version] .es-table-shell { max-width: 100%; margin-top: var(--jyh-mobile-unit); }
  html[data-site-version] .es-table-shell .es-table :is(th, td):first-child {
    position: var(--jyh-mobile-model-position); left: 0; z-index: 2; box-shadow: var(--jyh-mobile-table-shadow);
  }
  html[data-site-version] .es-table-shell .es-table thead th:first-child { z-index: 3; background: var(--jyh-color-table-heading); }
  html[data-site-version] .es-table-shell .es-table tbody th:first-child { background: var(--jyh-panel-surface); }
  html[data-site-version] .es-table-shell .es-table tbody tr:nth-child(even) th:first-child { background: var(--jyh-color-table-stripe); }
  html[data-site-version] .es-table-shell .es-table tbody tr:hover th:first-child { background: var(--jyh-color-hover); }
  html[data-site-version] .es-table-shell .es-table [data-es-model] {
    overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere;
  }
  html[data-site-version] .es-table-download { width: var(--jyh-mobile-touch); height: var(--jyh-mobile-touch); }
  html[data-site-version] .product-detail-grid { grid-template-columns: minmax(0, 1fr); gap: var(--jyh-mobile-padding); }
  html[data-site-version] .product-detail-grid > * { min-width: 0; max-width: 100%; }
  html[data-site-version] .product-detail-copy > .eyebrow { margin-bottom: var(--jyh-mobile-unit); }
  html[data-site-version] .product-detail-copy .product-title { max-width: 100%; font-size: var(--jyh-mobile-detail-heading); }
  html[data-site-version] .product-title--structured > span { max-width: 100%; white-space: normal; }
  html[data-site-version] .product-title--structured :is(.product-title-frequency, .product-title-power) { flex-wrap: wrap; }
  html[data-site-version] .product-title--structured .product-title-frequency > span,
  html[data-site-version] .product-title--structured .product-title-power-measure { white-space: nowrap; }
  html[data-site-version] .product-media-column .product-media {
    /* Phone width comes from its track, never from desktop aspect-ratio + height. */
    width: 100%; max-width: 100%; aspect-ratio: auto;
    height: var(--jyh-mobile-product-height); min-height: 0; margin: 0;
  }
  html[data-site-version] .product-media-column .product-media :is(img, .image-placeholder) { width: 100%; height: 100%; min-height: 0; object-fit: contain; }
  html[data-site-version] .product-detail .product-model-actions { margin: 0; padding-top: 0; border: 0; }
  html[data-site-version] .product-detail :is(.product-model, .product-description, .product-specifications, .product-gallery) {
    min-width: 0; overflow-wrap: anywhere;
  }
  html[data-site-version] :is(.product-description, .product-specifications, .product-gallery) { margin-top: var(--jyh-mobile-section); }
  html[data-site-version] .product-specifications dl div {
    grid-template-columns: var(--jyh-mobile-spec-columns); gap: var(--jyh-mobile-gap); padding-block: var(--jyh-mobile-gap);
  }
  html[data-site-version] .product-specifications :is(dt, dd) { min-width: 0; overflow-wrap: anywhere; }
  html[data-site-version] .product-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--jyh-mobile-gap); }
  html[data-site-version] .product-gallery-grid figure { margin: 0; }
  html[data-site-version] .service-grid { gap: var(--jyh-mobile-padding); }
  html[data-site-version] .service-grid .service-card { min-height: 0; padding: var(--jyh-mobile-padding); }
  html[data-site-version] .service-card h2 { max-width: none; font-size: var(--jyh-mobile-card-heading); }
  html[data-site-version] .service-card .scenario-card-top { margin-bottom: var(--jyh-mobile-unit); }
  html[data-site-version] .service-card .scenario-link { margin-top: var(--jyh-mobile-unit); }
  html[data-site-version] .contact-card { padding: var(--jyh-mobile-padding); }
  html[data-site-version] .contact-company-panel { padding-bottom: var(--jyh-mobile-padding); }
  html[data-site-version] .contact-sales-panel { padding-top: var(--jyh-mobile-padding); }
  html[data-site-version] .sales-contact-card { min-height: 0; padding: var(--jyh-mobile-padding); }
  html[data-site-version] .sales-contact-details { margin-top: var(--jyh-mobile-gap); }
  html[data-site-version] .sales-contact-details div,
  html[data-site-version] .contact-card .contact-shared-details div {
    grid-template-columns: var(--jyh-mobile-contact-columns); gap: var(--jyh-mobile-gap);
  }
  html[data-site-version] .contact-card :is(a, dd, address) { overflow-wrap: anywhere; }
  html[data-site-version] .account-page { padding: var(--jyh-mobile-section) var(--jyh-mobile-padding); grid-template-columns: minmax(0, 1fr); }
  html[data-site-version] .account-card { width: 100%; padding: var(--jyh-mobile-padding); }
  html[data-site-version] .account-card h1 { white-space: normal; font-size: var(--jyh-mobile-heading); }
  html[data-site-version] .account-intro { white-space: normal; }
  html[data-site-version] .form-field input { font-size: var(--jyh-mobile-body); }
  html[data-site-version] .footer-expanded .footer-shortcuts {
    grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--jyh-mobile-gap); padding-block: var(--jyh-mobile-padding);
  }
  html[data-site-version] .footer-expanded .footer-shortcut { display: flex; flex-direction: column; align-items: flex-start; gap: var(--jyh-mobile-unit); justify-self: stretch; width: auto; }
  html[data-site-version] .footer-expanded .footer-shortcut strong { font-size: var(--jyh-mobile-note); }
  html[data-site-version] .footer-expanded .footer-shortcut-note { display: none; }
  html[data-site-version] .footer-expanded .footer-columns { gap: 0; padding-block: var(--jyh-mobile-padding); }
  html[data-site-version] body .footer-expanded .footer-heading { margin: 0; font-size: var(--jyh-mobile-card-heading); }
  html[data-site-version] .footer-column { padding-block: var(--jyh-mobile-gap); border-bottom: var(--jyh-mobile-rule) solid var(--jyh-footer-rule-color); }
  html[data-site-version] .mobile-footer-toggle {
    display: flex; width: 100%; min-height: var(--jyh-mobile-touch); justify-content: space-between; align-items: center;
    padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left;
  }
  html[data-site-version] .mobile-footer-toggle::after { content: '+'; }
  html[data-site-version] .mobile-footer-toggle[aria-expanded="true"]::after { content: '−'; }
  html[data-site-version] .footer-expanded .footer-links { padding-top: var(--jyh-mobile-gap); }
  html[data-site-version] .footer-expanded .footer-column a { padding-block: var(--jyh-mobile-unit); min-height: var(--jyh-mobile-touch); }
  html[data-site-version] .footer-expanded .footer-bottom { padding-block: var(--jyh-mobile-padding); }
  html[data-site-version] body .footer-expanded a:is(:hover, :focus-visible) { transform: none; }
}