/* Shared presentation tokens. This file is also loaded by the legacy catalogue. */
@font-face{font-family:"MIKA Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url('/wp-content/themes/mika-v153-bridge/editorial-release/fonts/inter-e3237528af75.woff2') format('woff2')}
html body.mika-fluid-site{--blue:#087bcc;--mika-font-sans:"MIKA Inter",Arial,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--mika-type-body:16px;--mika-type-control:15px;--mika-type-support:14px;--mika-type-title:46px;--mika-type-heading:30px;--mika-type-card-title:21px;font-family:var(--mika-font-sans);color:#203142}
html body.mika-fluid-site :is(button,input,select,textarea){font-family:var(--mika-font-sans)}
html body.mika-fluid-site :is(.group-header,.division-header){background:#fff!important;box-shadow:none!important}
html body.mika-fluid-site .utility-inner{min-height:72px!important}
html body.mika-fluid-site .division-header-inner{min-height:48px!important}
html body.mika-fluid-site .group-navigation{gap:18px!important}
html body.mika-fluid-site .business-trigger{font-size:15px!important;font-weight:600!important;background:#f1f8fd!important;color:#126da8!important}
html body.mika-fluid-site .group-navigation>a[href^='/sourcing']{display:inline-flex!important;white-space:nowrap;font-size:15px!important;color:#126da8!important;font-weight:600!important}
html body.mika-fluid-site .division-nav a{font-size:14px!important;font-weight:500!important}
html body.mika-fluid-site .section{padding-block:64px!important}
html body.mika-fluid-site .section-heading{align-items:flex-start!important;gap:24px!important;margin-bottom:28px!important}
html body.mika-fluid-site .section-heading h2{font-size:clamp(25px,2.6vw,32px)!important;line-height:1.3!important;font-weight:600!important}
html body.mika-fluid-site .section-heading>p{max-width:440px!important;font-size:15px!important;color:#596875!important;line-height:1.65!important}
html body.mika-fluid-site .eyebrow{font-size:13px!important;color:#1673ac!important;font-weight:600!important;margin-bottom:12px!important}
html body.mika-fluid-site .category-card{border:1px solid #e4eaf0!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;padding:20px!important;min-width:0;transition:border-color .18s!important}
html body.mika-fluid-site .category-card:hover{transform:none!important;border-color:#9fc7e1!important;box-shadow:0 5px 16px #183c5908!important}
html body.mika-fluid-site .category-reference-visual{width:100%!important;height:190px!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:14px!important;box-sizing:border-box}
html body.mika-fluid-site .category-card .category-reference-visual img{position:static!important;width:100%!important;height:100%!important;margin:0!important;object-fit:contain!important;object-position:center!important;transform:none!important}
html body.mika-fluid-site .category-name{font-size:20px!important;color:#203142!important;gap:12px}
html body.mika-fluid-site .category-name strong{font-weight:600!important}.category-meta{font-size:13px!important}
html body.mika-fluid-site .hero h1{font-size:clamp(32px,3.5vw,46px)!important;line-height:1.18!important;font-weight:600!important}
html body.mika-fluid-site .mika_sourcing-module_hero{background:#f2f9fe;}
html body.mika-fluid-site .mika_sourcing-module_heroPanel{background:#fff;color:#203142;border:1px solid #dce9f2;box-shadow:0 10px 28px #143c5910}
html body.mika-fluid-site .mika_sourcing-module_heroPanel :is(h2,li){color:#203142}
html body.mika-fluid-site .mika_sourcing-module_heroPanel :is(a,span){color:#1673ac}
html body.mika-fluid-site .mika_sourcing-module_heroPanel li{border-color:#e6edf2}
html body.mika-fluid-site .mika_sourcing-module_hero h1{font-size:clamp(32px,3.5vw,46px);line-height:1.18}
html body.mika-fluid-site :is(.mika_sourcing-module_intro,.mika_sourcing-module_services,.mika_sourcing-module_process,.mika_sourcing-module_ranges,.mika_sourcing-module_questions,.mika_sourcing-module_categories){padding-block:64px}
html body.mika-fluid-site .mika_sourcing-module_page h2{font-size:clamp(25px,2.6vw,32px);line-height:1.3}
html body.mika-fluid-site .mika_sourcing-module_page h3{font-size:20px;line-height:1.4}
html body.mika-fluid-site .mika_sourcing-module_primaryLink{background:#087bcc}
html body.mika-fluid-site .mika_about-module_hero{min-height:0;background:#f2f9fe;padding-block:64px}
html body.mika-fluid-site .mika_about-module_heroCopy h1{font-size:clamp(32px,3.5vw,46px);font-weight:600}
html body.mika-fluid-site .mika_about-module_heroStatement{background:#fff;color:#203142;border:1px solid #dce9f2;box-shadow:none;border-radius:8px}
html body.mika-fluid-site .mika_about-module_heroStatement>p{color:#596875}
html body.mika-fluid-site .mika_about-module_heroStatement>a{color:#087bcc}
.mika-route-path{display:flex;flex-wrap:wrap;gap:8px;padding:12px var(--mika-gutter,24px);margin:0;background:#f8fbfd;border-bottom:1px solid #edf1f5;font-size:13px;color:#586878;line-height:1.6}.mika-route-path a{color:#176da4;text-decoration:none}
@media(min-width:1100px){html body.mika-fluid-site .group-navigation>a{display:inline-flex!important;font-size:14px!important}}
@media(max-width:767px){html body.mika-fluid-site{--mika-type-title:32px;--mika-type-heading:25px;--mika-type-body:15px;--mika-type-card-title:19px}html body.mika-fluid-site .utility-inner{min-height:64px!important}html body.mika-fluid-site .group-navigation{gap:8px!important}html body.mika-fluid-site .group-navigation>a[href^='/sourcing']{font-size:13px!important}html body.mika-fluid-site .business-trigger{font-size:13px!important}html body.mika-fluid-site .section{padding-block:38px!important}html body.mika-fluid-site .category-card{padding:14px!important}html body.mika-fluid-site .category-reference-visual{height:145px!important;padding:10px!important}html body.mika-fluid-site .category-name{font-size:18px!important}html body.mika-fluid-site .section-heading>p{font-size:15px!important}html body.mika-fluid-site :is(.mika_sourcing-module_hero,.mika_sourcing-module_intro,.mika_sourcing-module_services,.mika_sourcing-module_process,.mika_sourcing-module_ranges,.mika_sourcing-module_questions,.mika_sourcing-module_categories){padding-block:38px}html body.mika-fluid-site .hero h1{font-size:32px!important}}
@media(max-width:440px){html body.mika-fluid-site .group-header .utility-inner{flex-wrap:wrap!important;gap:10px!important;padding-block:10px!important}html body.mika-fluid-site .group-navigation{order:3!important;width:100%!important;justify-content:flex-start!important}html body.mika-fluid-site .group-actions{margin-inline-start:auto!important}html body.mika-fluid-site .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mika-route-path{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html body.mika-fluid-site .category-card{transition:none!important}}
html body.mika-fluid-site .group-quote,html body.mika-fluid-site .group-actions .inquiry-list-button{background:#087bcc!important;color:#fff!important;box-shadow:none!important}
html body.mika-fluid-site .mika_sourcing-module_brief{background:#eef8ff;color:#203142}
html body.mika-fluid-site .mika_sourcing-module_brief h2{color:#203142}
html body.mika-fluid-site .mika_sourcing-module_brief p:not(.mika_sourcing-module_eyebrow){color:#536170}
html body.mika-fluid-site .mika_sourcing-module_brief :is(small,.mika_sourcing-module_eyebrow){color:#176da4}
@media(min-width:1100px){html body.mika-fluid-site .group-mobile-menu{display:none!important}}
@media(max-width:767px){html body.mika-fluid-site .group-header .utility-inner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;height:auto!important;gap:10px!important;padding-block:10px!important}html body.mika-fluid-site .group-navigation{order:3!important;width:100%!important;justify-content:flex-start!important;min-width:0!important;gap:14px!important}html body.mika-fluid-site .group-navigation .mika-business-switcher{display:block!important}html body.mika-fluid-site .group-actions{margin-inline-start:auto!important}html body.mika-fluid-site .group-mobile-menu{margin-inline-start:auto!important}html body.mika-fluid-site .mika_sourcing-module_sectionNav{flex-wrap:wrap;overflow:visible;gap:4px 20px;padding-block:8px}html body.mika-fluid-site .mika_sourcing-module_sectionNav a{padding-block:9px;font-size:13px}}
@media(max-width:767px){
 :root{--mika-group-height:128px;--mika-division-height:52px}
 html body.mika-fluid-site .group-header .utility-inner{height:128px!important;min-height:128px!important;padding-block:12px!important;row-gap:8px!important;align-content:center!important;box-sizing:border-box}
 html body.mika-fluid-site .group-navigation{height:44px!important;min-height:44px!important;margin:0!important;align-items:center!important}
 html body.mika-fluid-site .business-trigger span{display:inline!important;font-size:13px!important}
 html body.mika-fluid-site .business-trigger{padding:8px 10px!important;gap:6px!important;height:40px!important}
 html body.mika-fluid-site .business-trigger svg:last-child{display:none!important}
 html body.mika-fluid-site .group-header{height:128px!important}
 html body.mika-fluid-site .division-header{top:128px!important;inset-block-start:128px!important;height:52px!important}
 html body.mika-fluid-site:has(.group-header){padding-block-start:128px!important}
 html body.mika-fluid-site:has(.group-header):has(.division-header){padding-block-start:180px!important}
}
@media(max-width:767px){html body.mika-fluid-site .group-navigation .mika-business-switcher{width:auto!important;min-width:140px!important;flex:0 0 auto!important}html body.mika-fluid-site .business-trigger{width:auto!important;min-width:140px!important;white-space:nowrap!important;box-sizing:border-box}html body.mika-fluid-site .business-trigger span{white-space:nowrap!important}html body.mika-fluid-site .group-navigation{gap:10px!important}}

/* Review comments · 175: even desktop navigation and tight chevron. */
html body.mika-fluid-site .business-trigger{white-space:nowrap!important;width:max-content!important;max-width:none!important;gap:6px!important;flex-shrink:0!important}
html body.mika-fluid-site .business-trigger span{white-space:nowrap!important;flex-shrink:0!important}
html body.mika-fluid-site .business-trigger svg{flex-shrink:0!important}
html body.mika-fluid-site .business-trigger svg:last-child{width:12px!important;height:12px!important;margin-inline-start:-2px!important}
@media(min-width:768px){html body.mika-fluid-site .group-navigation{column-gap:24px!important;flex-wrap:nowrap!important;min-width:max-content!important}html body.mika-fluid-site .group-navigation>.mika-business-switcher{flex:0 0 auto!important;width:max-content!important}html body.mika-fluid-site .group-navigation>a{padding-inline:0!important;white-space:nowrap!important;flex:0 0 auto!important}html body.mika-fluid-site .business-trigger{padding-inline:10px!important}}

/* Review 177: static media is limited to the added Sourcing content.
   Original product pages and shared header/footer keep their existing motion. */
html body.mika-fluid-site #mika-sourcing-content :is([class*="Card"],[class*="card"],[class*="Visual"],[class*="visual"],[class*="artwork"],[class*="heroArt"]){translate:none!important;scale:none!important;rotate:none!important;animation:none!important;transition-property:color,background-color,border-color!important}
html body.mika-fluid-site #mika-sourcing-content :is([class*="Card"],[class*="card"]):is(:hover,:focus-within){transform:none!important;translate:none!important;box-shadow:none!important}
html body.mika-fluid-site #mika-sourcing-content :is([class*="Card"],[class*="card"],[class*="Visual"],[class*="visual"],[class*="artwork"]) img{translate:none!important;scale:none!important;rotate:none!important;animation:none!important;transition:none!important}

/* 178 · one language control geometry across editorial and retained catalogue. */
html body.mika-fluid-site .language-select-shell{width:150px!important;flex:0 0 150px!important}
html body.mika-fluid-site .language-select-shell [data-slot="native-select-wrapper"]{position:relative!important;width:100%!important;height:48px!important}
html body.mika-fluid-site .language-select-shell select.language-select{width:100%!important;height:48px!important;appearance:none!important}
html body.mika-fluid-site .language-select-shell .language-select-display{inset:0!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:0 30px 0 12px!important}
html body.mika-fluid-site .language-select-shell [data-slot="native-select-icon"]{position:absolute!important;top:50%!important;bottom:auto!important;right:12px!important;left:auto!important;translate:0 -50%!important;transform:none!important;margin:0!important;width:14px!important;height:14px!important;pointer-events:none}
html body.mika-fluid-site .group-navigation{font-size:14px!important;align-items:center!important}
/* Target every GPU reference card, including category and search results. */
html body.mika-fluid-site .catalog-product-image[href*="/products/gpu-"] .product-photo{max-width:94%!important;max-height:94%!important;margin:auto!important}
/* Distinct platform gradients without decorative image downloads. */
html body.mika-fluid-site .social-panel a.social-item{background:var(--mika-platform-bg,#f5f8fc)!important}
html body.mika-fluid-site .social-tiktok{--mika-platform-bg:radial-gradient(ellipse at 95% 10%,#f9b6ce88,transparent 55%),radial-gradient(ellipse at 80% 110%,#56dce577,transparent 65%),linear-gradient(115deg,#f8ffff,#e5f7fa 55%,#e9eafa)}
html body.mika-fluid-site .social-instagram{--mika-platform-bg:radial-gradient(ellipse at 90% 10%,#bc8ae866,transparent 55%),radial-gradient(ellipse at 85% 110%,#ffb84f77,transparent 65%),linear-gradient(115deg,#fffaf3,#fbe9f3 60%,#f4def8)}
html body.mika-fluid-site .social-facebook{--mika-platform-bg:radial-gradient(ellipse at 95% 10%,#8ac2ff88,transparent 60%),linear-gradient(120deg,#f7fcff,#e1f0ff 55%,#bcdcff)}
html body.mika-fluid-site .social-youtube{--mika-platform-bg:radial-gradient(ellipse at 95% 10%,#ff9ba677,transparent 60%),linear-gradient(120deg,#fffafa,#ffe9ed 60%,#fbd3d9)}
html body.mika-fluid-site .social-linkedin{--mika-platform-bg:radial-gradient(ellipse at 95% 10%,#88c3df88,transparent 60%),linear-gradient(120deg,#f6fcff,#e0f1fa 60%,#c3e1f3)}
@media(max-width:767px){html body.mika-fluid-site .language-select-shell{width:116px!important;flex-basis:116px!important}html body.mika-fluid-site .language-select-shell .language-select-display{padding:0 25px 0 9px!important;gap:6px!important}html body.mika-fluid-site .language-select-shell [data-slot="native-select-icon"]{right:9px!important}}

html body.mika-fluid-site .group-navigation>a{font-weight:500!important}html body.mika-fluid-site .group-navigation>a.group-sourcing-link{color:#1673ac!important;font-weight:600!important}

.mika-sourcing-brief-form fieldset{border:0;padding:0;margin:0;min-width:0}.mika-sourcing-delivery-note{font-size:14px;color:#536170;line-height:1.6}.mika-sourcing-brief-form button:disabled{opacity:.6;cursor:not-allowed}.mika-sourcing-preview,.mika-sourcing-received{padding:24px;border:1px solid #b6ced9;background:#f4f9fc;border-radius:6px;margin-top:20px}.mika-sourcing-preview dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;overflow-wrap:anywhere}.mika-sourcing-preview dd{margin:0}.mika-sourcing-preview-requirements{white-space:pre-wrap;overflow-wrap:anywhere}.mika-sourcing-brief-form [role="alert"]{color:#9b2631;line-height:1.6}.mika-sourcing-form-actions>a{color:#1673ac;text-decoration:underline;font-size:14px}

/* 183 · equal visual weight for the two business lines, across all renderers. */
html body.mika-fluid-site .group-navigation :is(.business-trigger,a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/'])):not(:where(.group-mobile-menu *)){display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;height:44px!important;padding:0 12px!important;gap:8px!important;border:1px solid #dfebf4!important;border-radius:7px!important;background:#f1f8fd!important;color:#126da8!important;font-size:14px!important;font-weight:600!important;line-height:1.25!important;text-decoration:none!important;box-sizing:border-box!important;box-shadow:none!important}
html body.mika-fluid-site .group-navigation .business-trigger>span{font:inherit!important}
html body.mika-fluid-site .group-navigation .business-trigger>svg:first-child{width:18px!important;height:18px!important;flex:none}
html body.mika-fluid-site .group-navigation>a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/']):before{content:'';display:block;width:18px;height:18px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='14' rx='2'/%3E%3Cpath d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M3 12a20 20 0 0 0 18 0M12 12v3'/%3E%3C/svg%3E") center/contain no-repeat}
html body.mika-fluid-site .group-navigation>a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/'])[aria-current='page']:after{display:none!important}
html body.mika-fluid-site .group-navigation :is(.business-trigger,a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/'])):not(:where(.group-mobile-menu *)):hover{background:#e7f2fa!important;border-color:#aecde2!important;color:#105f94!important}
@media(max-width:767px){html body.mika-fluid-site .group-navigation{gap:8px!important}html body.mika-fluid-site .group-navigation>.mika-business-switcher,html body.mika-fluid-site .group-navigation>a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/']){flex:1 1 0!important;width:auto!important;min-width:0!important}html body.mika-fluid-site .group-navigation :is(.business-trigger,a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/'])):not(:where(.group-mobile-menu *)){width:100%!important;min-width:0!important;padding:0 8px!important;font-size:13px!important;gap:6px!important;white-space:normal!important;text-align:center!important}html body.mika-fluid-site .group-navigation .business-trigger>span{display:block!important;white-space:normal!important}html body.mika-fluid-site .group-navigation .business-trigger>svg:last-child{width:11px!important;flex:none}html body.mika-fluid-site .group-navigation>.group-mobile-menu{flex:none!important;margin-inline-start:0!important}}
html body.mika-fluid-site .group-header .group-navigation .business-trigger,html body.mika-fluid-site .group-header .group-navigation>a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/']){font-size:14px!important;font-weight:600!important}
@media(min-width:768px) and (max-width:1100px){html body.mika-fluid-site{--mika-group-height:128px;--mika-division-height:52px}html body.mika-fluid-site .group-header{height:128px!important}html body.mika-fluid-site .group-header .utility-inner{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;height:auto!important;gap:10px!important;padding-block:10px!important}html body.mika-fluid-site .group-navigation{order:3!important;width:100%!important;min-width:0!important;justify-content:flex-start!important;gap:18px!important}html body.mika-fluid-site .group-actions{margin-inline-start:auto!important}html body.mika-fluid-site .group-mobile-menu{display:block!important;margin-inline-start:auto!important}html body.mika-fluid-site .division-header{top:128px!important;inset-block-start:128px!important;height:52px!important}}
@media(max-width:767px){html body.mika-fluid-site .group-header .group-navigation .business-trigger,html body.mika-fluid-site .group-header .group-navigation>a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/']){font-size:13px!important;font-weight:600!important}}
@media(max-width:767px){html body.mika-fluid-site .group-header .group-navigation .business-trigger{width:100%!important;max-width:none!important}html body.mika-fluid-site .group-header .group-navigation .business-trigger>span{min-width:0!important;flex:1 1 0!important;white-space:normal!important;overflow-wrap:normal!important;line-height:1.2!important}}

/* 184 · match the current production font stack and observed reading sizes. */
html body.mika-fluid-site{--mika-font-sans:Inter,Arial,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--mika-type-body:16px;--mika-type-control:14px;--mika-type-support:14px;font-family:Inter,Arial,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif!important;font-size:16px;line-height:1.65}
html body.mika-fluid-site :is(main,header,footer,button,input,select,textarea){font-family:Inter,Arial,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif!important}
html body.mika-fluid-site main h1{font-weight:500!important;line-height:1.2!important;letter-spacing:-.015em!important}
html body.mika-fluid-site main h2{font-weight:500!important;line-height:1.28!important}
html body.mika-fluid-site .group-header .group-navigation :is(.business-trigger,a){font-size:14px!important;font-weight:500!important}
html body.mika-fluid-site .group-header .group-navigation .business-trigger>span{font-size:inherit!important;font-weight:inherit!important}
html body.mika-fluid-site .group-header .group-navigation{column-gap:20px!important}
html body.mika-fluid-site .brand-home-link,html body.mika-fluid-site .brand-home-cue,html body.mika-fluid-site .brand-home-cue>span{text-decoration:none!important;font-size:14px!important;font-weight:400!important}
html body.mika-fluid-site .group-navigation :is(.business-trigger,a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/'])):not(:where(.group-mobile-menu *)){border-color:#e2edf5!important;border-radius:6px!important}
@media(max-width:767px){html body.mika-fluid-site .group-header .group-navigation{column-gap:8px!important}html body.mika-fluid-site .group-header .group-navigation :is(.business-trigger,a){font-size:13px!important}}
html body.mika-fluid-site{--mika-font-latin:Inter,Arial,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--mika-font-heading:Inter,Arial,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
html body.mika-fluid-site .group-header .group-navigation>a:is(.group-sourcing-link,[href$='/sourcing'],[href$='/sourcing/']){font-weight:500!important}
