/* Systemtech Reference UI 1.5.0-dev16 — global shell breakpoints. */
@media (max-width: 1080px) {
  body.systemtech-reference-ui-v1 .st-site-header .psm-header-shell > .psm-site-header-main.wp-block-group {
    grid-template-columns: minmax(210px,250px) minmax(280px,1fr) auto;
    gap: 18px;
  }

  .systemtech-reference-ui-v1 .psm-editor-menu-list > li > a,
  .systemtech-reference-ui-v1 :where(.psm-nav-all,.psm-nav-services,.psm-mega-group-title) {
    padding-inline: 9px;
    font-size: 10px;
  }

  .systemtech-reference-ui-v1 .st-brand-footer__grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 782px) {
  .systemtech-reference-ui-v1 {
    --st-page-inset: 28px;
    --st-sticky-content-offset: 18px;
  }

  .systemtech-reference-ui-v1 .st-brand-utility {
    display: none;
  }

  .systemtech-reference-ui-v1 .st-site-header {
    position: relative;
    top: auto;
  }

  .systemtech-reference-ui-v1 .st-site-header .psm-header-shell {
    width: min(calc(100% - var(--st-page-inset)),var(--st-container-storefront));
  }

  body.systemtech-reference-ui-v1 .st-site-header .psm-header-shell > .psm-site-header-main.wp-block-group {
    min-height: 134px;
    grid-template-columns: minmax(0,1fr) auto;
    grid-template-rows: 68px 58px;
    gap: 0 10px;
  }

  body.systemtech-reference-ui-v1 .st-site-header .psm-site-header-main > :where(.st-reference-brand,.psm-commerce-brand,.psm-commerce-identity) {
    grid-column: 1;
    grid-row: 1;
  }

  body.systemtech-reference-ui-v1 .st-site-header .psm-site-header-main > .psm-commerce-actions {
    grid-column: 2;
    grid-row: 1;
    gap: 8px;
  }

  body.systemtech-reference-ui-v1 .st-site-header .psm-site-header-main > .psm-commerce-search {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .systemtech-reference-ui-v1 .psm-header-action span:not(.screen-reader-text) {
    display: none;
  }

  .systemtech-reference-ui-v1 .st-brand-mobile-menu-toggle {
    display: grid;
    position: relative;
  }

  .systemtech-reference-ui-v1 .psm-block-store-navigation {
    display: none;
  }

  .systemtech-reference-ui-v1.st-reference-menu-open .psm-block-store-navigation {
    display: block;
    position: absolute;
    z-index: 1250;
    inset: 134px 0 auto;
    max-height: calc(100vh - 134px);
    overflow: auto;
    border-top: 1px solid var(--st-color-line);
    background: #fff;
    box-shadow: 0 18px 36px rgb(11 31 59 / 18%);
  }

  .systemtech-reference-ui-v1 .psm-editor-menu-list {
    display: grid;
    align-items: stretch;
    padding: 10px 14px 18px;
  }

  .systemtech-reference-ui-v1 .psm-editor-menu-list > li > a,
  .systemtech-reference-ui-v1 :where(.psm-nav-all,.psm-nav-services,.psm-mega-group-title) {
    min-height: 48px;
    justify-content: flex-start;
    padding-inline: 14px;
    border-bottom: 1px solid #edf1f5;
    font-size: 13px;
    text-align: left;
  }

  .systemtech-reference-ui-v1.st-reference-menu-open .st-brand-mobile-menu-toggle::before {
    transform: rotate(45deg);
  }

  .systemtech-reference-ui-v1.st-reference-menu-open .st-brand-mobile-menu-toggle::after {
    transform: rotate(-45deg);
  }

  .systemtech-reference-ui-v1 .st-brand-footer {
    width: min(calc(100% - var(--st-page-inset)),var(--st-container-storefront));
  }

  .systemtech-reference-ui-v1 .st-brand-footer__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 20px;
  }
}

@media (max-width: 520px) {
  .systemtech-reference-ui-v1 .psm-brand-mark {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  .systemtech-reference-ui-v1 .psm-brand-word {
    font-size: 1.25rem;
  }

  .systemtech-reference-ui-v1 .st-reference-brand {
    width: min(210px,100%);
  }

  .systemtech-reference-ui-v1 .psm-commerce-actions {
    gap: 4px;
  }

  .systemtech-reference-ui-v1 .psm-header-action,
  .systemtech-reference-ui-v1 .st-brand-mobile-menu-toggle {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .systemtech-reference-ui-v1 .st-brand-footer__grid {
    grid-template-columns: 1fr;
  }

  .systemtech-reference-ui-v1 .st-brand-footer__bottom .st-brand-container {
    align-items: flex-start;
    flex-direction: column;
    padding-block: 15px;
  }

  .systemtech-reference-ui-v1 .st-brand-footer__bottom nav {
    flex-wrap: wrap;
    gap: 9px 14px;
  }
}


/* DEV28 WIP5: stable touch geometry and one responsive inset contract. */
@media (hover: none), (pointer: coarse) {
  .systemtech-reference-ui-v1 :where(.st-brand-product-card,.st-product-card,.st-brand-category-card):hover,
  body.systemtech-reference-ui-v1.systemtech-reference-page-account .st-brand-account-stat:hover,
  body.systemtech-reference-ui-v1.systemtech-reference-page-services :is(.psm-page-card,.st-brand-info-card):hover,
  body.systemtech-reference-ui-v1.systemtech-reference-woo-archive ul.products li.product:hover,
  .systemtech-reference-ui-v1.systemtech-reference-page-product :where(.related,.upsells) li.product:hover {
    transform: none;
  }
}

/* DEV28 WIP7: mobile menu owns the language control when the utility bar is hidden. */
@media (max-width:782px){
.systemtech-reference-ui-v1 .st-reference-nav-language{display:flex;align-items:center;padding:4px 14px}
.systemtech-reference-ui-v1 .st-reference-nav-language .st-language-switcher{gap:10px}
.systemtech-reference-ui-v1 .st-reference-nav-language .st-language-switcher__link{min-width:44px;min-height:44px}
}