/* FICS prototype — page/module styles. Tokens only (see ../tokens.css). Mobile-first: base = Mobile, 768 = Tablet, 1024 = Desktop Small. */
*, *::before, *::after { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--fi-surface-color-default);
  font-family: var(--fi-brand-font-copy), "Helvetica Neue", Arial, sans-serif; /* Cera Pro files not supplied: fallback */
  font-size: var(--fi-text-regular);
  font-weight: var(--fi-font-weight-regular);
  line-height: 1.5;
  color: var(--fi-text-color-regular);
  font-feature-settings: "liga" 0;
}
h1, h2, h3, h4, p, ul { margin: 0; padding: 0; }
ul { list-style: none; }
a { color: inherit; text-decoration: none; }
img { display: block; }
button { font: inherit; cursor: pointer; }
:focus-visible { outline: var(--fi-border-stroke-small) solid var(--fi-accent-color-accent-two); outline-offset: 2px; }

.display { font-family: var(--fi-brand-font-display), "Helvetica Neue", Arial, sans-serif; font-weight: var(--fi-font-weight-bold); }
.main { display: flex; flex-direction: column; max-width: var(--fi-container-size-xlarge); margin: 0 auto; isolation: isolate; }

/* Buttons */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--fi-layout-space-gap-tiny);
  padding: var(--fi-layout-space-padding-xxsmall) var(--fi-layout-space-padding-xsmall);
  border-radius: 100px; border: 0;
  font-family: var(--fi-brand-font-copy), "Helvetica Neue", Arial, sans-serif;
  font-size: var(--fi-text-regular); font-weight: var(--fi-font-weight-bold); line-height: 1.1;
}
.btn > span { display: flex; align-items: center; height: 16px; padding: 0 var(--fi-layout-space-padding-tiny); }
.btn--primary { background: var(--fi-action-primary-fill-default); color: var(--fi-action-primary-label-default); }
.btn--secondary {
  background: var(--fi-action-secondary-fill-default); color: var(--fi-action-secondary-label-default);
  border: var(--fi-border-stroke-small) solid var(--fi-action-secondary-stroke-default);
}
.btn--accent { background: var(--fi-action-primary-fill-on-light); color: var(--fi-action-primary-label-default); }
.link { font-weight: var(--fi-font-weight-bold); color: var(--fi-action-text-link-label-default); text-decoration: underline; text-decoration-thickness: 12%; text-underline-offset: 3px; text-decoration-skip-ink: none; }

/* Navbar */
.outer-navbar { position: relative; z-index: 5; height: 40px; }
.utility-nav {
  display: flex; align-items: center; justify-content: flex-end; gap: var(--fi-layout-space-gap-regular);
  height: 40px; padding: 0 0 0 var(--fi-layout-space-section-margin-horizontal-xlarge);
  background: var(--fi-surface-color-highlight-strong); color: var(--fi-text-color-inverse);
  font-size: var(--fi-text-small); font-weight: var(--fi-font-weight-bold); line-height: 1.1;
}
.utility-nav__item { display: none; align-items: center; background: none; border: 0; padding: 0; color: inherit; font-weight: inherit; line-height: inherit; }
.utility-nav__item img { display: none; }
.utility-nav__search {
  order: 3; align-self: stretch; display: flex; align-items: center; gap: var(--fi-layout-space-gap-xxxsmall);
  padding: var(--fi-layout-space-padding-xxsmall); border: 0;
  background: var(--fi-action-utility-fill-default); color: var(--fi-action-utility-label-default);
  font-weight: var(--fi-font-weight-bold); font-size: var(--fi-text-small); line-height: 1.1;
}
.main-nav {
  position: absolute; top: 40px; left: 0; right: 0; display: flex; align-items: center; gap: var(--fi-layout-space-padding-regular);
  padding: var(--fi-layout-space-padding-regular) var(--fi-layout-space-section-margin-horizontal-xlarge) 0; color: var(--fi-text-color-inverse);
}
.logo { display: block; position: relative; flex: none; overflow: hidden; }
.logo > span { position: absolute; display: block; }
.logo img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; }
.logo--nav { width: 107px; height: 40px; }
.logo--footer { width: 130px; height: 48.844px; }
.logo__group { inset: 2.81% 1.11% 2.66% 0.86%; }
.logo__vector { inset: 10.12% 49.05% 51.53% 42.17%; }
.burger { position: relative; flex: none; width: 32px; height: 32px; margin-left: auto; padding: 0; border: 0; background: none; }
.burger span { position: absolute; left: 4px; width: 24px; height: 3px; border-radius: var(--fi-border-radius-medium); background: var(--fi-text-color-inverse); }
.burger span:nth-child(1) { top: 7px; }
.burger span:nth-child(2) { top: 50%; transform: translateY(-50%); }
.burger span:nth-child(3) { top: 22px; }
.main-nav__list { display: none; flex: 1; align-items: center; justify-content: flex-end; gap: var(--fi-layout-space-gap-large); padding: var(--fi-layout-space-padding-regular) 0; }
.main-nav__link {
  display: flex; align-items: center; gap: var(--fi-layout-space-gap-tiny); background: none; border: 0; padding: 0;
  color: inherit; font-size: var(--fi-text-large); font-weight: var(--fi-font-weight-bold); line-height: 1.5; white-space: nowrap;
}

/* Hero Featured / Homepage Header */
.hero { position: relative; z-index: 4; display: flex; flex-direction: column; overflow: hidden; background: var(--fi-surface-color-default-dark); border-radius: 0 0 0 var(--fi-border-radius-medium); }
.hero__media { position: relative; overflow: hidden; aspect-ratio: 2 / 3; border-radius: 0 0 var(--fi-border-radius-medium) var(--fi-border-radius-medium); }
.hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero__shade-bottom, .hero__shade-top { position: absolute; left: 0; right: 0; mix-blend-mode: multiply; }
.hero__shade-bottom { bottom: 0; height: 385px; max-height: 100%; opacity: .8; background: linear-gradient(to top, var(--fi-heading-color-default), color-mix(in srgb, var(--fi-heading-color-default) 0%, transparent)); }
.hero__shade-top { top: 0; height: 180px; opacity: .6; background: linear-gradient(to bottom, var(--fi-heading-color-default), color-mix(in srgb, var(--fi-heading-color-default) 0%, transparent)); }
.hero__content {
  position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--fi-layout-space-gap-medium);
  padding: var(--fi-layout-space-section-margin-vertical-default) var(--fi-layout-space-section-margin-horizontal-xlarge);
}
.hero__title { font-size: var(--fi-heading-hero-title); line-height: 1.1; color: var(--fi-heading-color-inverse); }
.hero__lead { font-size: var(--fi-text-xlarge); color: var(--fi-text-color-inverse); }
.hero__actions { display: flex; flex-direction: column; gap: var(--fi-layout-space-item-action-group-box); width: 100%; }
.hero__actions .btn { width: 100%; }
.play-button {
  display: none; position: absolute; right: var(--fi-layout-space-padding-xsmall); bottom: var(--fi-layout-space-padding-xsmall);
  padding: var(--fi-layout-space-padding-xxxsmall); border-radius: var(--fi-border-radius-small);
  background: var(--fi-surface-color-neutral-70); backdrop-filter: blur(2px);
}
.play-button button {
  display: flex; align-items: center; justify-content: center; width: 32px; border: 0;
  padding: var(--fi-layout-space-padding-xxxsmall) var(--fi-layout-space-padding-xxsmall);
  background: var(--fi-surface-color-default); border-radius: var(--fi-border-radius-xsmall);
}
.featured-panel { position: relative; padding: var(--fi-layout-space-padding-medium); background: var(--fi-surface-color-default-dark); border-radius: var(--fi-border-radius-medium) 0 0 0; }
.featured-panel__tip { display: none; position: absolute; bottom: 0; left: -16px; width: 16px; height: 16px; }
.featured-panel__content {
  display: flex; flex-direction: column; gap: var(--fi-layout-space-gap-xxxsmall);
  background: var(--fi-surface-color-default); padding: var(--fi-layout-space-padding-medium); border-radius: var(--fi-border-radius-small);
}
.featured-panel__title { font-size: var(--fi-heading-medium); line-height: 1.2; color: var(--fi-heading-color-default); }
.featured-panel__text { font-size: var(--fi-text-large); }

/* Search Featured */
.search-featured {
  position: relative; z-index: 3; background: var(--fi-surface-color-default-dark); overflow: hidden;
  padding: var(--fi-layout-space-section-margin-vertical-default) var(--fi-layout-space-section-margin-horizontal-xlarge);
  border-radius: 0 0 var(--fi-border-radius-medium) var(--fi-border-radius-medium);
}
.search-featured__inner { display: flex; flex-direction: column; align-items: center; gap: var(--fi-layout-space-gap-regular); margin: 0 auto; }
.search-featured__title { font-size: var(--fi-heading-xlarge); line-height: 1.2; color: var(--fi-heading-color-default); text-align: center; }
.search-input {
  display: flex; align-items: center; gap: var(--fi-layout-space-gap-xsmall); width: 100%; height: 56px; overflow: hidden;
  padding: var(--fi-layout-space-padding-xxxsmall) var(--fi-layout-space-padding-regular);
  background: var(--fi-input-form-color-fill-default); border: var(--fi-border-stroke-xsmall) solid var(--fi-input-form-color-stroke-default); border-radius: var(--fi-border-radius-pill);
}
.search-input__icon { flex: none; }
.search-input input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; font: inherit; color: var(--fi-text-color-regular); text-overflow: ellipsis; }
.search-input input::placeholder { color: var(--fi-text-color-regular); opacity: 1; }
.search-input:focus-within { outline: var(--fi-border-stroke-small) solid var(--fi-accent-color-accent-two); outline-offset: 2px; }

/* CTA Detailed */
.cta { position: relative; z-index: 2; overflow: hidden; padding: var(--fi-layout-space-section-margin-vertical-large) var(--fi-layout-space-section-margin-horizontal-medium); }
.cta__watermark { position: absolute; top: 0; bottom: 0; left: 77px; aspect-ratio: 1; overflow: hidden; pointer-events: none; }
.cta__watermark img { width: 100%; height: 100%; max-width: none; }
.cta__content { position: relative; display: flex; flex-direction: column; gap: var(--fi-layout-space-gap-xxlarge); max-width: var(--fi-container-size-medium); margin: 0 auto; }
.cta__title { max-width: 1040px; font-size: var(--fi-heading-xlarge); line-height: 1.2; color: var(--fi-heading-color-default); }
.cta__title span { color: var(--fi-heading-color-accent); }
/* Mobile: horizontal row of 300px cards */
.card-grid { display: flex; gap: var(--fi-layout-space-padding-xsmall); overflow-x: auto; scroll-snap-type: x proximity; margin-inline: calc(var(--fi-layout-space-section-margin-horizontal-medium) * -1); padding-inline: var(--fi-layout-space-section-margin-horizontal-medium); }
.cta-card {
  flex: none; width: 300px; display: flex; flex-direction: column; align-items: flex-start; gap: var(--fi-layout-space-gap-regular);
  padding: var(--fi-layout-space-padding-regular); border-radius: var(--fi-border-radius-small); scroll-snap-align: start;
  border-right: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light);
}
.cta-card:last-child { border-right: 0; }
.cta-card__copy { display: flex; flex-direction: column; gap: var(--fi-layout-space-gap-xsmall); }
.cta-card__header { display: flex; flex-direction: column; align-items: flex-start; gap: var(--fi-layout-space-gap-xxsmall); }
.cta-card__header img { flex: none; width: 32px; height: 32px; }
.cta-card__title { font-size: var(--fi-heading-medium); line-height: 1.2; color: var(--fi-heading-color-default); text-align: left; }
.cta-card__text { font-size: var(--fi-text-large); }
.cta-card__go { display: flex; padding: var(--fi-layout-space-padding-xxsmall); border-radius: 100px; background: var(--fi-action-primary-fill-on-light); }
a.cta-card:hover .cta-card__title { text-decoration: underline; }

/* Footer */
.footer {
  position: relative; z-index: 1; display: flex; flex-direction: column; overflow: hidden;
  padding: var(--fi-layout-space-section-margin-vertical-default) var(--fi-layout-space-padding-regular) var(--fi-layout-space-padding-regular);
  gap: var(--fi-layout-space-padding-large); border-radius: var(--fi-border-radius-medium);
}
.footer__container { display: flex; flex-direction: column; gap: var(--fi-layout-space-gap-large); padding: var(--fi-layout-space-padding-medium) var(--fi-layout-space-padding-regular) var(--fi-layout-space-padding-regular); background: var(--fi-surface-color-neutral); border-radius: var(--fi-border-radius-medium); }
.footer__content { display: flex; flex-direction: column; gap: var(--fi-layout-space-padding-xlarge); }
.footer__nav { display: flex; flex-direction: column; gap: var(--fi-layout-space-padding-medium); flex: 1; }
.footer__col { display: flex; flex-direction: column; gap: var(--fi-layout-space-padding-xxxsmall); padding-bottom: var(--fi-layout-space-padding-medium); border-bottom: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); }
.footer__heading { margin: 0; font-size: var(--fi-text-tiny); font-weight: var(--fi-font-weight-regular); line-height: 1.1; color: var(--fi-text-color-regular); }
.footer__toggle { display: flex; align-items: center; gap: var(--fi-layout-space-gap-regular); width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; }
.footer__toggle span { flex: 1; }
.footer__col[data-open="true"] .footer__toggle-closed, .footer__col[data-open="false"] .footer__toggle-open { display: none; }
.footer__col[data-open="false"] .footer__list { display: none; }
.footer__list { display: flex; flex-direction: column; gap: var(--fi-layout-space-gap-xxsmall); font-size: var(--fi-text-small); font-weight: var(--fi-font-weight-bold); color: var(--fi-action-text-link-label-default); }
.footer__list a:hover { text-decoration: underline; }
.footer__feature { display: flex; flex-direction: column; gap: var(--fi-layout-space-padding-large); }
.footer-box { box-shadow: inset 0 0 0 var(--fi-border-stroke-largest) var(--fi-border-color-lightest); /* Figma inside-stroke: doesn't add to layout */ border-radius: var(--fi-border-radius-small); }
.newsletter { display: flex; flex-direction: column; align-items: stretch; gap: var(--fi-layout-space-padding-regular); padding: var(--fi-layout-space-padding-regular); }
.newsletter__text { display: flex; flex-direction: column; gap: var(--fi-layout-space-gap-xxxsmall); }
.footer-box__title { font-size: var(--fi-heading-small); line-height: 1.2; color: var(--fi-heading-color-default); }
.support { display: flex; align-items: center; gap: var(--fi-layout-space-gap-regular); padding: var(--fi-layout-space-padding-xsmall) var(--fi-layout-space-padding-regular); background: var(--fi-surface-color-neutral); }
.support .footer-box__title { flex: 1; }
.support .link { font-size: var(--fi-text-small); }
.footer__bottom { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--fi-layout-space-gap-regular); padding-top: var(--fi-layout-space-padding-xsmall); border-top: var(--fi-border-stroke-xsmall) solid var(--fi-border-light); }
.footer__copy { font-size: var(--fi-text-tiny); line-height: 1.1; }
.footer__social { display: flex; align-items: center; gap: var(--fi-layout-space-gap-regular); }
.footer__social img { width: 24px; height: 24px; }

/* Tablet 768+ */
@media (min-width: 768px) {
  .utility-nav { padding-right: var(--fi-layout-space-section-margin-horizontal-xlarge); }
  .utility-nav__contact, .utility-nav__trade { display: flex; }
  .utility-nav__trade { order: 1; }
  .utility-nav__contact { order: 2; }
  .logo--nav { width: 150.5px; height: 56px; }
  .hero__media { aspect-ratio: 16 / 9; }
  .hero__actions { flex-direction: row; width: auto; }
  .hero__actions .btn { width: auto; }
  .play-button { display: block; }
  .search-featured__inner { max-width: none; width: 100%; }
  .cta { padding-inline: var(--fi-layout-space-section-margin-horizontal-large); }
  .card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; margin-inline: 0; padding-inline: 0; gap: 0; }
  .cta-card { width: auto; gap: 0; border-right: 0; }
  .cta-card__copy { gap: var(--fi-layout-space-gap-medium); }
  .cta-card__go { display: none; }
  .card-grid > :nth-child(odd) { border-right: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); }
  .card-grid > :nth-child(-n+2) { border-bottom: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); }
  .footer__nav { flex-direction: row; gap: var(--fi-layout-space-padding-xlarge); }
  .footer__nav > * { flex: 1; min-width: 0; }
  .footer__col { padding-bottom: 0; border-bottom: 0; gap: var(--fi-layout-space-padding-small); }
  .footer__toggle { pointer-events: none; }
  .footer__toggle img { display: none !important; }
  .footer__col .footer__list { display: flex !important; }
  .footer__feature { flex-direction: row; align-items: flex-start; }
  .newsletter { flex: 1; align-items: flex-start; }
  .support { width: 293px; flex: none; }
  .footer__bottom { flex-wrap: nowrap; }
  .footer__copy { flex: 1; }
}
/* Desktop Small 1024+ (1440 canvas) */
@media (min-width: 1024px) {
  .utility-nav { padding-left: var(--fi-layout-space-section-margin-horizontal-xlarge); }
  .utility-nav__lang { display: flex; }
  .utility-nav__item img { display: block; }
  .utility-nav__contact { order: 1; }
  .utility-nav__trade { order: 2; }
  .logo--nav { width: 150.5px; height: 56px; }
  .main-nav { padding-top: 0; }
  .burger { display: none; }
  .main-nav__list { display: flex; }
  .hero { border-radius: 0; }
  .hero__media { aspect-ratio: auto; height: 810px; }
  .hero__content { width: 1097px; max-width: 100%; right: auto; }
  .hero__lead { max-width: 867px; }
  .hero__actions { flex-wrap: wrap; }
  .play-button { display: none; }
  .featured-panel { position: absolute; right: 0; bottom: 0; width: 415px; }
  .featured-panel__tip { display: block; }
  .search-featured__inner { max-width: 756px; }
  .cta { padding-inline: var(--fi-layout-space-section-margin-horizontal-medium); }
  .cta__watermark { left: auto; right: 0; }
  .card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cta-card__header { flex-direction: row; align-items: center; gap: var(--fi-layout-space-gap-xxxsmall); }
  .cta-card__header img { width: 24px; height: 24px; }
  .card-grid > :nth-child(odd), .card-grid > :nth-child(-n+2) { border: 0; }
  .card-grid > :nth-child(1) { border-bottom: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); border-right: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); }
  .card-grid > :nth-child(2) { border-bottom: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); }
  .card-grid > :nth-child(3) { border-bottom: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); border-left: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); }
  .card-grid > :nth-child(4) { border-right: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); }
  .footer__content { flex-direction: row; }
  .footer__list { font-weight: var(--fi-font-weight-regular); }
  .footer__feature { flex-direction: column; align-items: stretch; width: 316px; flex: none; }
  .support { width: auto; }
  .newsletter { flex: none; }
}

/* Global search modal */
.global-search {
  width: calc(100% - 2 * var(--fi-layout-space-padding-regular)); max-width: 600px; max-height: calc(100vh - 2 * var(--fi-layout-space-section-margin-vertical-large));
  margin: auto; padding: 0; overflow-y: auto;
  border: 0; border-radius: var(--fi-border-radius-small); background: var(--fi-surface-color-neutral); color: var(--fi-text-color-strong, var(--fi-heading-color-default));
  box-shadow: 0 0 0 var(--fi-border-stroke-largest) var(--fi-border-color-white-strong), var(--fi-elevation-large);
}
.global-search::backdrop { background: color-mix(in srgb, var(--fi-heading-color-default) 40%, transparent); }
.global-search__field { display: flex; align-items: center; padding: var(--fi-layout-space-padding-xxxsmall) var(--fi-layout-space-padding-small) var(--fi-layout-space-padding-xxxsmall) var(--fi-layout-space-padding-xxxsmall); }
.global-search__field > img:first-child { margin: 0 var(--fi-layout-space-gap-small, 20px) 0 var(--fi-layout-space-padding-xxsmall); flex: none; }
.global-search__field input { flex: 1; min-width: 0; padding: var(--fi-layout-space-padding-xxsmall) 0; border: 0; outline: 0; background: none; font: inherit; color: var(--fi-heading-color-default); text-overflow: ellipsis; }
.global-search__field input::placeholder { color: var(--fi-text-color-regular); opacity: 1; }
.global-search__divider { flex: none; }
.global-search__close { display: flex; flex: none; padding: 0; border: 0; background: none; }
.global-search__group { padding: var(--fi-layout-space-padding-xsmall) var(--fi-layout-space-padding-xxsmall); border-top: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); }
.global-search__title { padding: 0 var(--fi-layout-space-padding-xxsmall) var(--fi-layout-space-gap-xxxsmall); font-family: var(--fi-brand-font-copy), "Helvetica Neue", Arial, sans-serif; font-size: var(--fi-text-small); font-weight: var(--fi-font-weight-bold); line-height: 1.5; color: var(--fi-text-color-regular); }
.global-search__item { display: block; padding: var(--fi-layout-space-padding-xxxsmall) var(--fi-layout-space-padding-xxsmall); border-radius: var(--fi-border-radius-xsmall); color: var(--fi-heading-color-default); }
.global-search__item:hover, .global-search__item.is-active { background: var(--fi-surface-color-default); font-weight: var(--fi-font-weight-bold); }
.global-search__legend { display: flex; align-items: center; gap: var(--fi-layout-space-gap-regular); padding: var(--fi-layout-space-padding-xsmall) var(--fi-layout-space-padding-regular); border-top: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); font-size: var(--fi-text-tiny); color: var(--fi-text-color-regular); }
.global-search__legend { flex-wrap: wrap; row-gap: var(--fi-layout-space-gap-xxxsmall); }
.global-search__legend span { white-space: nowrap; display: flex; align-items: center; gap: var(--fi-layout-space-gap-xxxsmall); }

/* Global search: Mobile = full page, Tablet and up = centred modal (600px) */
@media (max-width: 767px) {
  .global-search { width: 100%; max-width: none; height: 100%; max-height: none; margin: 0; border-radius: 0; box-shadow: none; }
  .global-search__legend { display: none; }
}

/* Lock page scroll while the search modal is open */
html { scrollbar-gutter: stable; }
html:has(.global-search:modal) { overflow: hidden; }

/* Global search attached under the in-page search field (Tablet and up) */
.global-search--attached {
  position: absolute; max-width: none; /* width and left are set by JS from the page field */
  margin: var(--fi-layout-space-gap-regular) var(--fi-layout-space-section-margin-horizontal-xlarge) 0; /* top: gap to the input; sides: inset from the input's edges */
  height: auto; max-height: calc(100vh - 2 * var(--fi-layout-space-section-margin-vertical-large)); /* undo the Mobile full-page sizing */
  border-radius: var(--fi-border-radius-small);
  box-shadow: 0 0 0 var(--fi-border-stroke-largest) var(--fi-border-color-white-strong), var(--fi-elevation-large);
}
.global-search--attached .global-search__field { display: none; }
.global-search--attached .global-search__field + .global-search__group { border-top: 0; }

/* Attached panel: gap to the input is 24px at every width (Mobile frame 247:6435 has 24px; gap-regular is only 24px from Desktop Small) */
@media (max-width: 1023px) {
  .global-search--attached { margin-top: var(--fi-layout-space-gap-medium); }
}
/* Mobile frame 247:6435: one divider on the panel's top edge, none between the two groups */
@media (max-width: 767px) {
  .global-search--attached .global-search__group { border-top: 0; }
  .global-search--attached .global-search__field + .global-search__group { border-top: var(--fi-border-stroke-xsmall) solid var(--fi-border-color-light); }
}
.search-featured__title { width: 100%; }