/* RYHA beta28 – inline SVG logo + one-row mobile actions. */
.ryha-site-header .ryha-header-brand--instant,
.ryha-site-header .ryha-header-brand--approved {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:0!important;
  max-width:100%!important;
  width:min(100%,344px)!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.ryha-site-header .ryha-header-brand-visual--instant {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:760 / 184;
  line-height:0!important;
  flex:0 0 auto!important;
}
.ryha-site-header .ryha-header-brand-image {
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  border:0!important;
  object-fit:contain!important;
}

/* Desktop keeps the current structure, just with the new instant logo image. */
@media (min-width:761px) {
  .ryha-site-header .ryha-header-main-inner {
    grid-template-columns:minmax(275px,352px) minmax(240px,1fr) auto;
    gap:16px;
  }
  .ryha-site-header .ryha-mobile-catalog-toggle{display:none!important;}
}
@media (min-width:761px) and (max-width:1100px) {
  .ryha-site-header .ryha-header-main-inner{grid-template-columns:minmax(210px,285px) minmax(195px,1fr) auto;gap:10px;}
  .ryha-site-header .ryha-header-brand--instant{width:min(100%,285px)!important;}
}

/* Mobile: logo + language/account/cart + menu all in one row; search stays below. */
@media (max-width:760px) {
  .ryha-site-header .ryha-header-main-inner {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
      "brand actions menu"
      "search search search";
    align-items:center!important;
    column-gap:6px!important;
    row-gap:8px!important;
    padding:10px 0 12px!important;
    min-height:auto!important;
  }
  .ryha-site-header .ryha-header-brand--instant,
  .ryha-site-header .ryha-header-brand--approved {
    grid-area:brand!important;
    align-self:center!important;
    justify-self:start!important;
    min-width:0!important;
    max-width:min(100%,230px)!important;
    width:min(100%,230px)!important;
    padding:0!important;
  }
  .ryha-site-header .ryha-header-actions {
    grid-area:actions!important;
    justify-self:end!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    position:relative!important;
  }
  .ryha-site-header .ryha-mobile-catalog-toggle {
    grid-area:menu!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
    min-height:40px!important;
    padding:0!important;
  }
  .ryha-site-header .ryha-site-search {
    grid-area:search!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .ryha-site-header .ryha-header-action {
    min-height:40px!important;
    padding:0!important;
    border-radius:12px!important;
  }
  .ryha-site-header .ryha-header-action-icon {
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  .ryha-site-header .ryha-lang-trigger {
    min-width:40px!important;
    width:40px!important;
    height:40px!important;
    border-radius:12px!important;
  }
  .ryha-site-header .ryha-search-input {
    height:44px!important;
  }
}
@media (max-width:420px) {
  .ryha-site-header .ryha-header-main-inner{column-gap:4px!important;row-gap:8px!important;}
  .ryha-site-header .ryha-header-brand--instant,
  .ryha-site-header .ryha-header-brand--approved{max-width:min(100%,188px)!important;width:min(100%,188px)!important;}
  .ryha-site-header .ryha-header-actions{gap:3px!important;}
  .ryha-site-header .ryha-header-action-icon{width:36px!important;height:36px!important;border-radius:10px!important;}
  .ryha-site-header .ryha-lang-trigger{min-width:36px!important;width:36px!important;height:36px!important;border-radius:10px!important;}
  .ryha-site-header .ryha-mobile-catalog-toggle{min-height:36px!important;}
}
@media (max-width:360px) {
  .ryha-site-header .ryha-header-brand--instant,
  .ryha-site-header .ryha-header-brand--approved{max-width:min(100%,165px)!important;width:min(100%,165px)!important;}
  .ryha-site-header .ryha-header-action-icon{width:34px!important;height:34px!important;}
  .ryha-site-header .ryha-lang-trigger{min-width:34px!important;width:34px!important;height:34px!important;}
}

/* An inline vector wrapper cannot be replaced by a 300x300 lazy-image placeholder. */
.ryha-site-header .ryha-header-brand-visual--instant{background:transparent!important;overflow:hidden!important;max-height:84px!important}
.ryha-site-header .ryha-header-logo-inline-svg{display:block!important;max-width:100%!important;max-height:84px!important;width:100%!important;height:auto!important;aspect-ratio:760 / 184!important;object-fit:contain!important}
.ryha-site-header .ryha-header-brand-fallback{display:flex!important;align-items:center;gap:10px;height:auto!important;min-height:0!important;aspect-ratio:auto!important;line-height:1.1!important;color:#fff!important;font-size:clamp(15px,2.1vw,30px);font-weight:850;white-space:nowrap}
.ryha-site-header .ryha-header-fallback-mark{display:grid;place-items:center;background:#176433;color:#fff;border:2px solid #71cf76;border-radius:12px;aspect-ratio:1;min-width:36px;min-height:36px;font-weight:950}
.ryha-site-header .ryha-header-fallback-word{color:#fff}