/* Bochen interaction system. Reference rationale: DESIGN.md. */
:root{--ui-blue:#0873b5;--ui-deep:#07598d;--ui-line:#d9e4eb;--ui-ease:cubic-bezier(.22,.7,.25,1);--ui-fast:180ms;--ui-normal:320ms}
.brand-site .btn{position:relative;isolation:isolate;overflow:hidden;min-height:52px;border-radius:4px;gap:24px;background:var(--ui-blue);border-color:var(--ui-blue);color:#fff;box-shadow:0 2px 4px #12364c08;transition:transform var(--ui-fast),box-shadow var(--ui-normal),border-color var(--ui-normal);font-size:13px;line-height:1.4}
.brand-site .btn::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--ui-deep);transform:translateX(-102%);transition:transform 380ms var(--ui-ease);pointer-events:none}
.brand-site .btn:hover,.brand-site .btn:focus-visible{background:var(--ui-blue);transform:translateY(-2px);box-shadow:0 7px 18px #0a609329}
.brand-site .btn:hover::before,.brand-site .btn:focus-visible::before{transform:translateX(0)}
.brand-site .btn:active{transform:translateY(0) scale(.985);box-shadow:none}
.brand-site .btn.secondary{background:transparent;color:var(--ui-blue);border-color:#9cbdd2;box-shadow:none}.brand-site .btn.secondary::before{background:#e6f2fa}.brand-site .btn.secondary:hover{background:transparent;color:var(--ui-deep);border-color:var(--ui-blue)}
.brand-site .btn .ui-arrow{display:inline-grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-left:1px solid #ffffff40;padding-left:10px;transition:transform var(--ui-normal) var(--ui-ease);font-size:16px;font-weight:400}.brand-site .btn:hover .ui-arrow{transform:translate(3px,-2px)}
.brand-site .btn:disabled{opacity:.5;transform:none;box-shadow:none;cursor:not-allowed}.brand-site .btn:disabled::before{display:none}
.brand-site .text-link{display:inline-flex;align-items:center;gap:12px;min-height:36px;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:left calc(100% - 4px);background-repeat:no-repeat;transition:background-size var(--ui-normal) var(--ui-ease),color var(--ui-fast)}.brand-site .text-link:hover{background-size:100% 1px;color:var(--ui-deep);text-decoration:none}
.brand-site .site-header{border-bottom:1px solid #dce5eb80;transition:box-shadow var(--ui-normal),border-color var(--ui-normal);z-index:100}.brand-site .site-header.ui-scrolled{box-shadow:0 5px 22px #173b5112;border-color:#dce5eb}
.brand-site .main-nav a{position:relative;min-height:44px;display:inline-flex;align-items:center;padding-block:12px;transition:color var(--ui-fast)}.brand-site .main-nav a:after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:var(--ui-blue);transform:scaleX(0);transform-origin:left;transition:transform var(--ui-normal) var(--ui-ease)}.brand-site .main-nav a:hover,.brand-site .main-nav a[aria-current=page]{color:var(--ui-blue)}.brand-site .main-nav a:hover:after,.brand-site .main-nav a[aria-current=page]:after{transform:scaleX(1)}
.language-toggle{border-radius:4px;min-height:44px;transition:background var(--ui-fast),border-color var(--ui-fast),box-shadow var(--ui-fast)}.language-toggle:hover{background:#f3f8fb}.language-toggle>span:last-child{transition:transform var(--ui-normal)}.language-toggle[aria-expanded=true]>span:last-child{transform:rotate(180deg)}.language-options{border-radius:6px;transform-origin:top right;box-shadow:0 12px 35px #17394d24}.language-options:not([hidden]){animation:ui-dropdown 220ms var(--ui-ease) both}.language-list button{border-radius:3px;min-height:44px;transition:background var(--ui-fast),color var(--ui-fast)}
.brand-site .equipment-card{border-radius:6px;overflow:hidden;transition:border-color var(--ui-normal),box-shadow var(--ui-normal)}.brand-site .equipment-card:hover{border-color:#8cb7d1;box-shadow:0 8px 25px #14394d0d}.equipment-picture img{transition:transform 650ms var(--ui-ease)}.brand-site .equipment-actions a{min-height:38px;display:inline-flex;align-items:center}.brand-site .equipment-actions .equipment-enquire{border:1px solid #bdd4e3;padding:8px 13px;border-radius:3px;transition:background var(--ui-fast),border-color var(--ui-fast)}.brand-site .equipment-actions .equipment-enquire:hover{background:#eaf4fa;border-color:#0780bd;text-decoration:none}
.range-tile{border-radius:5px}.range-tile:focus-visible{outline:3px solid var(--ui-blue);outline-offset:4px}.brand-site #category-navigation button{min-height:49px}.brand-site #category-navigation button:hover{border-left-color:#87b6d2}.brand-site #category-navigation button[aria-pressed=true]{border-left-color:var(--ui-blue)}
.system-tabs button{transition:color var(--ui-fast),background var(--ui-normal),border-color var(--ui-normal)}.system-tabs button:hover{color:var(--ui-blue);background:#f5f9fc}.system-panel:not([hidden]){animation:ui-panel 380ms var(--ui-ease) both}.equipment-hover-preview:not([hidden]){animation:ui-dropdown 180ms var(--ui-ease) both;border-radius:6px}
.brand-site .inquiry-form input,.brand-site .inquiry-form textarea,.equipment-search input{border-radius:4px;transition:border-color var(--ui-fast),box-shadow var(--ui-fast),background var(--ui-fast)}.brand-site .inquiry-form input:hover,.brand-site .inquiry-form textarea:hover{border-color:#9cb8ca}.brand-site .inquiry-form input:focus,.brand-site .inquiry-form textarea:focus,.equipment-search input:focus{outline:0;border-color:var(--ui-blue);box-shadow:0 0 0 3px #0873b515;background:#fff}.brand-site .field:focus-within{color:var(--ui-deep)}
.brand-site .reveal.is-observed{transition-duration:560ms;transition-timing-function:var(--ui-ease);transform:translateY(22px)}.brand-site .reveal.is-visible{transform:none}.ui-enter{transition:opacity 540ms var(--ui-ease),transform 540ms var(--ui-ease);transition-delay:var(--ui-delay,0ms)}.ui-enter:not(.ui-entered){opacity:0;transform:translateY(20px)}.ui-enter.ui-entered{opacity:1;transform:none}
.selection-questions details[open]>div,.faq-list details[open]>p{animation:ui-panel 300ms var(--ui-ease) both}.brand-site summary{transition:color var(--ui-fast)}.brand-site summary:hover{color:var(--ui-blue)}
@keyframes ui-dropdown{from{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}
@keyframes ui-panel{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(max-width:767px){.brand-site .btn{min-height:48px;gap:18px}.brand-site .main-nav.is-open{animation:ui-dropdown 220ms var(--ui-ease) both;padding:12px 0 18px;border-top:1px solid var(--ui-line)}.brand-site .main-nav a{min-height:44px}.menu-toggle{min-height:44px;border-radius:4px;transition:background var(--ui-fast),border-color var(--ui-fast)}.menu-toggle[aria-expanded=true]{background:#eef6fb;border-color:#8cb9d3}.language-options{max-height:calc(100dvh - 100px);overflow-y:auto}.brand-site .equipment-actions a{min-height:44px}.brand-site .btn:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.brand-site *, .brand-site *::before,.brand-site *::after{animation:none!important;transition:none!important}.brand-site .ui-enter,.brand-site .reveal.is-observed{opacity:1;transform:none}.brand-site .btn:hover{transform:none}}