/* Independent case hub. Existing product-centre layouts and menus are untouched. */
.case-center-page .case-center-hero{padding-block:48px 44px}
.case-center-page .case-center-hero h1{max-width:1050px;font-size:clamp(38px,4.8vw,62px);line-height:1.12}
.case-center-page .case-center-hero .lead{max-width:900px;font-size:17px;line-height:1.65}
.case-center-page .case-center-hero .breadcrumbs{margin-bottom:22px}
.case-center-page .case-center-navigation{padding:24px 0 0;background:#fff}
.case-center-page .case-center-nav-label{margin:0 0 12px;color:#60718a;font-size:12px;font-weight:800;letter-spacing:.04em}
.case-center-page .case-center-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.case-center-page .case-center-category{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:62px;padding:12px 15px;border:1px solid #dce6f1;border-radius:12px;background:#f7faff;color:#193555;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}
.case-center-page .case-center-category:hover{border-color:#0b6bea;background:#edf5ff}
.case-center-page .case-center-category:focus-visible{outline:3px solid #73aaff;outline-offset:3px}
.case-center-page .case-center-category.active{border-color:#0b6bea;background:#0b6bea;color:#fff}
.case-center-page .case-center-category-name{min-width:0;font-size:13px;font-weight:750;line-height:1.4;overflow-wrap:break-word}
.case-center-page .case-center-category-count{display:grid;place-items:center;flex:0 0 auto;min-width:26px;height:26px;padding-inline:6px;border-radius:99px;background:#e5eefb;color:#16447f;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}
.case-center-page .case-center-category.active .case-center-category-count{background:rgba(255,255,255,.2);color:#fff}
.case-center-page .case-center-listing{padding-block:38px 64px}
.case-center-page .case-center-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;max-width:none;margin-bottom:25px}
.case-center-page .case-center-list-heading h2{font-size:30px;line-height:1.18}
.case-center-page .case-center-list-heading .eyebrow{margin-bottom:10px;font-size:11px}
.case-center-page .case-center-note{max-width:440px;margin:0;color:#68778e;font-size:12px;line-height:1.7}
.case-center-page .case-center-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.case-center-page .case-center-grid .product-card{display:flex;flex-direction:column;border-radius:18px}
.case-center-page .case-center-grid .product-card-image img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.case-center-page .case-center-grid .product-card-image>span{max-width:calc(100% - 30px);font-size:10px;line-height:1.35}
.case-center-page .case-center-grid .product-card-body{display:flex;flex:1;flex-direction:column;padding:21px}
.case-center-page .case-center-grid .product-card-body h3{font-size:21px;line-height:1.3;overflow-wrap:break-word}
.case-center-page .case-center-grid .product-card-body p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:12px;font-size:14px;line-height:1.65}
.case-center-page .case-center-grid .text-link{margin-top:auto;padding-top:17px;min-height:42px;font-size:13px}
.case-center-page .case-center-empty{padding:28px;border:1px solid #dce6f1;border-radius:16px;background:#f7faff;font-size:16px}
@media(min-width:701px) and (max-width:1020px){
  .case-center-page .case-center-categories{grid-template-columns:repeat(3,minmax(0,1fr))}
  .case-center-page .case-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .case-center-page .case-center-hero{padding-block:30px 27px}
  .case-center-page .case-center-hero h1{font-size:clamp(28px,7.5vw,36px);line-height:1.2;overflow-wrap:break-word}
  .case-center-page .case-center-hero .lead{font-size:13px;line-height:1.65;margin-top:13px}
  .case-center-page .case-center-hero .breadcrumbs{margin-bottom:16px;font-size:11px;line-height:1.5}
  .case-center-page .case-center-hero .eyebrow{font-size:10px;margin-bottom:12px}
  .case-center-page .case-center-navigation{padding-top:17px}
  .case-center-page .case-center-nav-label{margin-bottom:8px;font-size:11px}
  .case-center-page .case-center-categories{display:flex;gap:8px;max-width:100%;padding:2px 2px 10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .case-center-page .case-center-category{flex:0 0 auto;gap:9px;min-height:44px;max-width:260px;padding:9px 12px;border-radius:10px;scroll-snap-align:start}
  .case-center-page .case-center-category-name{font-size:12px;line-height:1.4;white-space:nowrap}
  .case-center-page .case-center-category-count{min-width:23px;height:23px;font-size:10px}
  .case-center-page .case-center-listing{padding-block:23px 38px}
  .case-center-page .case-center-list-heading{display:block;margin-bottom:18px}
  .case-center-page .case-center-list-heading h2{font-size:25px;line-height:1.2}
  .case-center-page .case-center-note{max-width:none;margin-top:13px;font-size:11px;line-height:1.65}
  .case-center-page .case-center-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .case-center-page .case-center-grid .product-card-body{padding:17px}
  .case-center-page .case-center-grid .product-card-body h3{font-size:20px;line-height:1.35}
  .case-center-page .case-center-grid .product-card-body p{font-size:13px;line-height:1.65;margin-top:10px}
  .case-center-page .case-center-grid .product-card-image>span{font-size:10px}
  .case-center-page .case-center-grid .text-link{font-size:13px;min-height:44px;padding-top:15px}
}
@media(prefers-reduced-motion:reduce){.case-center-page .case-center-category{transition:none}}