/* Full-screen InstantSearch overlay */
.smx-global-search { background: #06133d; bottom: 0; color: #fff; left: 0; opacity: 0; overflow-y: auto; padding: 22px 24px 60px; pointer-events: none; position: fixed; right: 0; top: var(--smx-search-overlay-top, 78px); transform: translateY(-14px); transition: opacity .24s ease, transform .28s ease, visibility 0s linear .28s; visibility: hidden; z-index: 10000; }
.smx-global-search-open { overflow: hidden; }
.smx-global-search-open .smx-global-search { opacity: 1; pointer-events: auto; transform: translateY(0); transition: opacity .24s ease, transform .28s ease; visibility: visible; }
.smx-global-search-open header form.search { opacity: 0; pointer-events: none; transition: opacity .18s ease; }
header form.search { transition: opacity .18s ease; }
.smx-global-search__inner { margin: 0 auto; max-width: 1180px; }
.smx-global-search__shell { display: grid; gap: clamp(20px, 2vw, 40px); grid-template-columns: minmax(0, 1fr) minmax(0, 1180px) minmax(0, 1fr); margin: 0 auto; width: 100%; }
.smx-global-search__shell .smx-global-search__inner { margin: 0; max-width: none; min-width: 0; width: 100%; }
.smx-global-search__banner-rail { align-items: flex-start; display: flex; justify-content: center; min-width: 0; }
.smx-global-search__banner-link { display: block; max-width: 300px; outline-offset: 4px; width: 100%; }
.smx-global-search__banner-image { display: block; height: auto; max-height: 600px; object-fit: contain; width: 100%; }
.smx-global-search__banner-link:hover .smx-global-search__banner-image, .smx-global-search__banner-link:focus .smx-global-search__banner-image { filter: brightness(1.08); }
.smx-global-search__mobile-banners { display: none; }
.smx-global-search__header { align-items: center; display: flex; justify-content: flex-end; margin-bottom: 10px; }
.smx-global-search__close { align-items: center; background: transparent; border: 0; color: #fff; cursor: pointer; display: flex; font-size: 42px; font-weight: 200; height: 44px; justify-content: center; line-height: 1; padding: 0; width: 44px; }
.smx-global-search #smx-global-search-box .ais-SearchBox-form { border: 1px solid #32a8ff; display: flex; width: 100%; }
.smx-global-search #smx-global-search-box .ais-SearchBox-input { background: transparent; border: 0; border-radius: 0; box-shadow: none; color: #fff; flex: 1; font-size: 19px; height: 54px; min-width: 0; padding: 12px 18px; }
.smx-global-search #smx-global-search-box .ais-SearchBox-input::placeholder { color: rgba(255, 255, 255, .72); }
.smx-global-search #smx-global-search-box .ais-SearchBox-submit, .smx-global-search #smx-global-search-box .ais-SearchBox-reset { background: transparent; border: 0; color: #2ee1d2; padding: 0 16px; }
.smx-global-search #smx-global-search-box .ais-SearchBox-reset { color: rgba(255, 255, 255, .75); }
.smx-global-search #smx-global-search-box svg { fill: currentColor; height: 20px; width: 20px; }
.smx-global-search__hint { color: rgba(255, 255, 255, .68); font-size: 14px; margin: 10px 0 28px; }
.smx-global-search__layout { display: grid; gap: 36px; grid-template-columns: 220px minmax(0, 1fr); }
.smx-global-search__filters { align-self: start; border: 1px solid rgba(255, 255, 255, .26); padding: 16px; position: sticky; top: 14px; }
.smx-global-search__filters-header { align-items: center; border-bottom: 1px solid rgba(255, 255, 255, .25); display: flex; gap: 10px; justify-content: space-between; margin: 0 0 10px; padding: 0 0 11px; }
.smx-global-search__filters-header h2 { color: #fff; font-size: 16px; font-weight: 700; margin: 0; }
.smx-global-search__filters-header button { background: transparent; border: 0; color: #2ee1d2; cursor: pointer; font-size: 11px; font-weight: 700; padding: 3px 0; white-space: nowrap; }
.smx-global-search__filters-header button:hover, .smx-global-search__filters-header button:focus { color: #fff; text-decoration: underline; }
.smx-global-search__filters-header button:disabled { color: rgba(255, 255, 255, .38); cursor: default; text-decoration: none; }
.smx-global-search__filters details { border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 0; }
.smx-global-search__filters details:last-child { border-bottom: 0; }
.smx-global-search__filters summary { color: #fff; cursor: pointer; font-size: 14px; font-weight: 700; list-style: none; padding: 9px 20px 9px 0; position: relative; }
.smx-global-search__filters summary::-webkit-details-marker { display: none; }
.smx-global-search__filters summary::marker { content: ''; }
.smx-global-search__filters summary::after { content: '⌄'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.smx-global-search__filters details[open] summary::after { transform: translateY(-50%) rotate(180deg); }
.smx-global-search__filters .ais-RefinementList { border-top: 1px solid rgba(255, 255, 255, .2); padding: 7px 0 10px; }
.smx-global-search__filters .ais-RefinementList-list { list-style: none; margin: 0; max-height: 210px; overflow-y: auto; padding: 0; }
.smx-global-search__filters .ais-RefinementList-item { margin: 4px 0; }
.smx-global-search__filters .ais-RefinementList-label { align-items: center; color: rgba(255, 255, 255, .84); cursor: pointer; display: flex; font-size: 13px; gap: 7px; margin: 0; }
.smx-global-search__filters .ais-RefinementList-checkbox { accent-color: #2ee1d2; }
.smx-global-search__filters .ais-RefinementList-count { color: rgba(255, 255, 255, .58); margin-left: auto; }
.smx-global-search__results { padding-bottom: 20px; }
.smx-global-search__section { margin: 0 0 38px; }
.smx-global-search__section-header { align-items: baseline; display: flex; gap: 16px; justify-content: space-between; }
.smx-global-search__section h2 { border-bottom: 1px solid rgba(255, 255, 255, .25); color: #fff; font-size: 15px; font-weight: 700; letter-spacing: .05em; margin: 0 0 16px; padding: 0 0 10px; text-transform: uppercase; }
.smx-global-search__section-header h2 { flex: 1; }
.smx-global-search__section h2 span { color: rgba(255, 255, 255, .65); font-size: 14px; font-weight: 400; margin-left: 4px; }
.smx-global-search__view-all { color: #2ee1d2; font-size: 13px; font-weight: 700; margin-bottom: 16px; text-decoration: none; white-space: nowrap; }
.smx-global-search__view-all:hover, .smx-global-search__view-all:focus { color: #fff; text-decoration: none; }
.smx-global-search .ais-Hits-list { list-style: none; margin: 0; padding: 0; }
.smx-global-search .ais-Hits-item { margin: 0; }
.smx-global-search__products .ais-Hits-list { display: grid; gap: 16px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.smx-overlay-product-card { height: 100%; }
.smx-overlay-product-card a { border: 1px solid rgba(255, 255, 255, .3); color: #fff; display: block; height: 100%; padding: 14px; text-decoration: none; }
.smx-overlay-product-card a:hover { border-color: #2ee1d2; color: #fff; }
.smx-overlay-product-card__media { align-items: center; display: flex; height: 120px; justify-content: center; margin-bottom: 12px; }
.smx-overlay-product-card__media img { max-height: 120px; max-width: 100%; object-fit: contain; }
.smx-overlay-product-card h3 { color: #fff; font-size: 16px; line-height: 1.25; margin: 0 0 8px; }
.smx-overlay-product-card p { color: rgba(255, 255, 255, .72); display: -webkit-box; font-size: 13px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 0; overflow: hidden; }
.smx-global-search__columns { display: grid; gap: 48px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.smx-global-search__obsolete .ais-Hits-list { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.smx-obsolete-result { align-items: center; border: 1px solid rgba(255, 255, 255, .22); border-left: 3px solid rgba(255, 255, 255, .62); display: flex; gap: 18px; justify-content: space-between; min-height: 84px; padding: 13px 15px; }
.smx-obsolete-result > div:first-child { min-width: 0; }
.smx-obsolete-result__badge { color: rgba(255, 255, 255, .62); display: block; font-size: 10px; font-weight: 700; letter-spacing: .11em; margin-bottom: 4px; text-transform: uppercase; }
.smx-obsolete-result h3 { font-size: 14px; line-height: 1.3; margin: 0; }
.smx-obsolete-result h3 a { color: #2ee1d2; font-weight: 700; text-decoration: none; }
.smx-obsolete-result__replacements a { color: #fff; text-decoration: none; }
.smx-obsolete-result h3 a:hover, .smx-obsolete-result__replacements a:hover { color: #2ee1d2; }
.smx-obsolete-result h3 a:hover, .smx-obsolete-result h3 a:focus { color: #fff; text-decoration: underline; }
.smx-obsolete-result__replacements { border-left: 1px solid rgba(255, 255, 255, .18); flex: 0 0 46%; padding-left: 15px; }
.smx-obsolete-result__replacements > span, .smx-obsolete-result__unavailable { color: rgba(255, 255, 255, .6); display: block; font-size: 10px; font-weight: 700; letter-spacing: .05em; margin: 0 0 4px; text-transform: uppercase; }
.smx-obsolete-result__replacements a { display: flex; font-size: 13px; font-weight: 700; justify-content: space-between; line-height: 1.3; margin-top: 3px; }
.smx-obsolete-result__replacements a span { margin-left: 8px; }
.smx-overlay-list-result { align-items: flex-start; border-bottom: 1px solid rgba(255, 255, 255, .18); display: flex; gap: 10px; min-height: 48px; padding: 10px 0; }
.smx-overlay-list-result img { filter: brightness(0) invert(1); height: 18px; margin-top: 2px; opacity: .85; width: 18px; }
.smx-overlay-list-result h3 { font-size: 15px; font-weight: 500; line-height: 1.35; margin: 0; }
.smx-overlay-list-result a { color: #fff; text-decoration: none; }
.smx-overlay-list-result a:hover { color: #2ee1d2; }
.smx-video-trigger .smx-resource-card__media { position: relative; }
.smx-video-trigger .smx-resource-card__fallback { display: none; }
.smx-video-trigger .smx-resource-card__media::after { align-items: center; background: rgba(6, 19, 61, .88); border: 2px solid #fff; border-radius: 50%; box-shadow: 0 5px 18px rgba(6, 19, 61, .25); color: #fff; content: '▶'; display: flex; font-size: 20px; height: 58px; justify-content: center; left: 50%; padding-left: 4px; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: background .2s ease, transform .2s ease; width: 58px; }
.smx-video-trigger:hover .smx-resource-card__media::after, .smx-video-trigger:focus .smx-resource-card__media::after { background: #1767b8; transform: translate(-50%, -50%) scale(1.06); }
.smx-video-modal { align-items: center; bottom: 0; display: flex; justify-content: center; left: 0; opacity: 0; padding: 24px; pointer-events: none; position: fixed; right: 0; top: 0; transition: opacity .2s ease, visibility 0s linear .2s; visibility: hidden; z-index: 20000; }
.smx-video-modal.is-open { opacity: 1; pointer-events: auto; transition: opacity .2s ease; visibility: visible; }
.smx-video-modal__backdrop { background: rgba(3, 10, 34, .88); bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.smx-video-modal__dialog { background: #06133d; box-shadow: 0 18px 55px rgba(0, 0, 0, .38); max-width: 1100px; position: relative; transform: translateY(12px); transition: transform .2s ease; width: 100%; z-index: 1; }
.smx-video-modal.is-open .smx-video-modal__dialog { transform: translateY(0); }
.smx-video-modal__header { align-items: center; display: flex; justify-content: space-between; min-height: 58px; padding: 10px 16px 10px 22px; }
.smx-video-modal__header h2 { color: #fff; font-size: 19px; line-height: 1.3; margin: 0; }
.smx-video-modal__close { align-items: center; background: transparent; border: 0; color: #fff; cursor: pointer; display: flex; font-size: 38px; height: 40px; justify-content: center; line-height: 1; padding: 0; width: 40px; }
.smx-video-modal__player { aspect-ratio: 16 / 9; background: #000; width: 100%; }
.smx-video-modal__player iframe { border: 0; display: block; height: 100%; width: 100%; }
.smx-video-modal-open { overflow: hidden; }
.smx-global-search mark, .smx-global-search em { background: transparent; color: #2ee1d2; font-style: normal; }
@media (max-width: 767px) { .smx-global-search { padding: 16px 18px 42px; } .smx-global-search__header { margin-bottom: 8px; } .smx-global-search__layout { gap: 24px; grid-template-columns: 1fr; } .smx-global-search__filters { position: static; } .smx-global-search__products .ais-Hits-list, .smx-global-search__obsolete .ais-Hits-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .smx-global-search__columns { gap: 26px; grid-template-columns: 1fr; } .smx-global-search__mobile-banners { display: grid; gap: 20px; justify-items: center; margin-top: 8px; } .smx-global-search__mobile-banner { max-width: 360px; width: 100%; } .smx-global-search__mobile-banner .smx-global-search__banner-link { margin: 0 auto; } }
@media (max-width: 520px) { .smx-global-search__obsolete .ais-Hits-list { grid-template-columns: 1fr; } .smx-obsolete-result { align-items: flex-start; flex-direction: column; } .smx-obsolete-result__replacements { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .18); flex-basis: auto; padding-left: 0; padding-top: 10px; width: 100%; } }
@media (max-width: 1599px) { .smx-global-search__shell { display: block; } .smx-global-search__shell .smx-global-search__inner { margin: 0 auto; max-width: 1180px; } .smx-global-search__banner-rail { display: none; } }