/* Category covers: only the image moves, never navigation/text. */
.page-title.category-cover{position:relative;isolation:isolate;overflow:hidden;min-height:340px;display:flex;align-items:center;padding:64px 0;background:#202e36;color:#d9e1e5}
.category-cover::before{content:"";position:absolute;z-index:-2;inset:0 0 0 28%;background:url('../images/shoulder.jpg') right 46% / cover no-repeat;transform-origin:75% 50%;mask-image:linear-gradient(90deg,transparent,#000 24%)}
.category-cover.cover-knee::before{background-image:url('../images/knee.jpg');background-position:right 52%}
.category-cover.cover-small-joint::before{background-image:url('../images/small-joint-surgery.webp');background-position:right 85%}
.category-cover.cover-instruments::before{background-image:url('../images/instruments-accessories.webp');background-position:right 52%}
.category-cover::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#202e36 10%,rgba(32,46,54,.95) 30%,rgba(32,46,54,.55) 56%,rgba(32,46,54,.12) 100%)}
.category-cover>.container{position:relative;z-index:1}
.category-cover h1{color:#fff;max-width:650px}
.category-cover p{max-width:530px;margin-bottom:0;color:#d9e1e5}
.category-cover .breadcrumbs{color:#e0e5e8}
.category-cover .breadcrumbs a:hover{color:#ffad69}
@media(prefers-reduced-motion:no-preference){.category-cover::before{animation:category-cover-arrive 3.5s ease-out both}}
@keyframes category-cover-arrive{from{transform:scale(1.055)}to{transform:scale(1)}}
@media(max-width:700px){
  .page-title.category-cover{min-height:300px;padding:46px 0}
  .category-cover::before{left:0;background-position:70% center}
  .category-cover::after{background:linear-gradient(90deg,rgba(32,46,54,.96),rgba(32,46,54,.7))}
}
/* Small, non-blocking interactions; no continuous decorative motion. */
.topbar{background:#11181c}
.intro-new{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(118deg,#0d1215 0%,#151d21 58%,#0f1518 100%);color:#bac5cb}
.intro-new::before{display:none}
.intro-new .about-copy .eyebrow{display:block;color:#f48020}
.intro-new .about-copy h2,.intro-new .feature-row b{color:#fff}
.intro-new .about-copy p,.intro-new .feature-row span{color:#bac5cb}
.intro-new .feature-row div{border-left-color:#f48020}
.intro-new .btn.outline{border-color:rgba(255,255,255,.32);background:transparent;color:#fff}
.intro-new .btn.outline:hover{border-color:#f48020;background:#f48020}
.intro-new .about-art{position:relative;isolation:isolate}
.intro-new .about-art img{display:block;width:88%;max-width:460px;height:auto;margin:auto}
.intro-new .about-art::before{display:none}
@media (prefers-reduced-motion:no-preference){.intro-new .about-art img{animation:about-art-drift 6.5s ease-in-out infinite alternate;will-change:transform}}
@keyframes about-art-drift{from{transform:translate3d(-5px,3px,0) rotate(-.35deg) scale(.99)}to{transform:translate3d(8px,-7px,0) rotate(.35deg) scale(1.018)}}
/* Home page dark system: alternating near-black surfaces keep sections legible. */
.product-search-section{background:#11181c;color:#aebac0}
.product-search-section h2,.solution-home .section-heading h2,.procedure-preview h2,.blog-home .section-heading h2{color:#fff}
.product-search-section .rounded-search{border:1px solid #313b40;background:#1a2328;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.product-search-section .rounded-search input{color:#fff}
.product-search-section .rounded-search input::placeholder{color:#829097}
.solution-home{background:#0d1215;color:#aebac0}
.solution-home .solution-tile{border-color:#293238;box-shadow:0 14px 34px rgba(0,0,0,.22)}
.solution-home .solution-tile::before,.solution-home .solution-tile.product-led::before{background:linear-gradient(90deg,rgba(8,13,16,.82) 0%,rgba(9,15,18,.59) 48%,rgba(9,15,18,.3) 100%);transition:background .3s ease}
.solution-home .solution-tile small{color:#b9c3c8}
.solution-home .solution-tile h3,.solution-home .solution-tile b{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.3)}
.solution-home .solution-tile:hover::before{background:linear-gradient(90deg,rgba(8,13,16,.72) 0%,rgba(9,15,18,.48) 48%,rgba(9,15,18,.22) 100%)}
.solution-home .solution-tile.anatomy-cutout-tile{background-color:#11191d;background-position:right center;background-size:cover;background-repeat:no-repeat}
.solution-home .solution-tile.anatomy-cutout-tile::before{background:linear-gradient(90deg,#10171b 0%,rgba(16,23,27,.96) 36%,rgba(16,23,27,.62) 62%,rgba(16,23,27,.14) 100%)}
.solution-home .solution-tile.anatomy-cutout-tile::after{content:"";position:absolute;inset:auto 32px 31px;width:46px;height:2px;background:#f48020;transition:width .3s ease}
.solution-home .solution-tile.anatomy-cutout-tile:hover::before{background:linear-gradient(90deg,#10171b 0%,rgba(16,23,27,.91) 36%,rgba(16,23,27,.5) 62%,rgba(16,23,27,.08) 100%)}
.solution-home .solution-tile.anatomy-cutout-tile:hover::after{width:72px}
.solution-home .solution-tile.small-joint-set-tile{background-color:#11191d;background-position:56% 62%;background-size:165% auto;background-repeat:no-repeat}
.solution-home .solution-tile.small-joint-set-tile::before{background:linear-gradient(90deg,#10171b 0%,rgba(16,23,27,.96) 38%,rgba(16,23,27,.58) 66%,rgba(16,23,27,.1) 100%)}
.solution-home .solution-tile.small-joint-set-tile::after{content:"";position:absolute;inset:auto 32px 31px;width:46px;height:2px;background:#f48020;transition:width .3s ease}
.solution-home .solution-tile.small-joint-set-tile:hover::before{background:linear-gradient(90deg,#10171b 0%,rgba(16,23,27,.9) 38%,rgba(16,23,27,.45) 66%,rgba(16,23,27,.05) 100%)}
.solution-home .solution-tile.small-joint-set-tile:hover::after{width:72px}
.solution-home .solution-tile.instrument-set-tile{background-color:#303a3f;background-position:116% center;background-size:86% auto;background-repeat:no-repeat;background-blend-mode:multiply}
.solution-home .solution-tile.instrument-set-tile h3{max-width:285px;font-size:27px}
.solution-home .solution-tile.instrument-set-tile::before{background:linear-gradient(90deg,#10171b 0%,rgba(16,23,27,.97) 38%,rgba(16,23,27,.66) 62%,rgba(16,23,27,.2) 100%)}
.solution-home .solution-tile.instrument-set-tile::after{content:"";position:absolute;inset:auto 32px 31px;width:46px;height:2px;background:#f48020;transition:width .3s ease}
.solution-home .solution-tile.instrument-set-tile:hover{background-color:#424d52}
.solution-home .solution-tile.instrument-set-tile:hover::before{background:linear-gradient(90deg,#10171b 0%,rgba(16,23,27,.92) 38%,rgba(16,23,27,.53) 62%,rgba(16,23,27,.12) 100%)}
.solution-home .solution-tile.instrument-set-tile:hover::after{width:72px}
/* Rebuilt product-group cards: transparent assets are independent visual layers. */
.solution-home .category-showcase .category-visual-tile{isolation:isolate;justify-content:flex-end;border:1px solid #28343a;background:linear-gradient(145deg,#121a1e,#0b1114)!important;box-shadow:0 18px 44px rgba(0,0,0,.25)}
.solution-home .category-showcase .category-visual-tile::before{z-index:-1;background:linear-gradient(90deg,rgba(8,13,16,.97) 0%,rgba(8,13,16,.82) 43%,rgba(8,13,16,.2) 100%)}
.solution-home .category-showcase .category-visual-tile::after{inset:auto 35px 29px;z-index:2;width:42px}
.solution-home .category-showcase .category-visual-tile>img{position:absolute;z-index:-2;max-width:none;height:auto;pointer-events:none;filter:saturate(.92) contrast(1.04);transition:transform .55s cubic-bezier(.22,1,.36,1),filter .4s ease}
.solution-home .category-showcase .category-visual-tile>i{position:absolute;z-index:2;top:28px;left:34px;color:rgba(255,255,255,.2);font-size:13px;font-style:normal;font-weight:700;letter-spacing:.12em}
.solution-home .category-showcase .category-visual-tile small,.solution-home .category-showcase .category-visual-tile h3,.solution-home .category-showcase .category-visual-tile b{z-index:2;max-width:310px}
.solution-home .category-showcase .category-visual-tile h3{font-size:29px}
.solution-home .category-showcase .category-visual-tile b span{display:inline-block;margin-left:5px;color:#f48020;transition:transform .3s ease}
.solution-home .category-showcase .shoulder-cutout-tile>img{width:96%;right:-22%;top:-5%}
.solution-home .category-showcase .knee-cutout-tile>img{width:92%;right:-18%;top:-10%}
.solution-home .category-showcase .small-joint-set-tile>img{width:155%;right:-24%;bottom:-49%}
.solution-home .category-showcase .instrument-set-tile>img{width:94%;right:-25%;top:50%;transform:translateY(-50%)}
.solution-home .category-showcase .category-visual-tile:hover>img{filter:saturate(1.02) contrast(1.06)}
.solution-home .category-showcase .shoulder-cutout-tile:hover>img,.solution-home .category-showcase .knee-cutout-tile:hover>img{transform:scale(1.035)}
.solution-home .category-showcase .small-joint-set-tile:hover>img{transform:translateX(-8px) scale(1.025)}
.solution-home .category-showcase .instrument-set-tile:hover>img{transform:translateY(-50%) translateX(-8px) scale(1.025)}
.solution-home .category-showcase .category-visual-tile:hover b span{transform:translateX(4px)}
@media(max-width:560px){.solution-home .category-showcase .category-visual-tile>i{top:22px;left:24px}.solution-home .category-showcase .category-visual-tile h3{font-size:25px}.solution-home .category-showcase .small-joint-set-tile>img{width:175%;right:-38%}.solution-home .category-showcase .instrument-set-tile>img{width:112%;right:-42%}}
.procedure-preview{background:#151d21;color:#aebac0}
.procedure-preview h2{margin-top:8px}
.procedure-preview .procedure-tags span{border-color:#354047;background:#10171b;color:#d3dade}
.procedure-preview .btn.outline{border-color:#3e494f;background:transparent;color:#fff}
.procedure-preview .btn.outline:hover{border-color:#f48020;background:#f48020}
.procedure-preview img{border:1px solid #303a3f;border-radius:6px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.world-home{background:#0d1215}
.blog-home{background:#151d21;color:#aebac0}
.blog-home .news-card{border-color:#303a3f;background:#10171b;box-shadow:0 14px 36px rgba(0,0,0,.24)}
.blog-home .news-card h3,.blog-home .news-card h3 a{color:#fff}
.blog-home .news-card p{color:#aebac0}
.cta-band{background:linear-gradient(115deg,#11181c 0%,#182329 55%,#0d1215 100%)}
.cta-band::after{opacity:.35}
.intro-new+.product-search-section,.product-search-section+.solution-home,.solution-home+.procedure-preview,.procedure-preview+.world-home,.world-home+.blog-home{border-top:1px solid rgba(255,255,255,.055)}
.btn,.footer-catalog{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.product-card,.news-card,.corporate-card,.solution-tile{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.btn:focus-visible,.solution-tile:focus-visible,.product-card a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .btn:hover,.footer-catalog:hover{transform:translateY(-2px)}
  .btn:active{transform:translateY(0)}
  .product-card:hover,.news-card:hover,.corporate-card:hover,.solution-tile:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(24,38,46,.08)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .btn:hover,.footer-catalog:hover,.product-card:hover,.news-card:hover,.corporate-card:hover,.solution-tile:hover{transform:none!important}
}
