.product-center-page{background:#fff;color:var(--ui-ink)}
.product-center-page main{display:block}
.product-center-page .product-shell{margin:0 auto}
.product-center-page .product-hero{position:relative;min-height:clamp(350px,27.53vw,530px);overflow:hidden;background:#0d4e8a}
.product-center-page .product-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.product-center-page .product-hero-image-mobile{display:none}
.product-center-page .product-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,75,135,.4) 0%,rgba(10,75,135,.2) 38%,rgba(10,75,135,0) 62%)}
.product-center-page .product-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:clamp(350px,27.53vw,530px);box-sizing:border-box;padding:48px 0;color:#fff}
.product-center-page .product-hero-content>p{margin:0 0 20px;font-size:clamp(16px,1.2vw,23px);line-height:1.4;letter-spacing:.03em}
.product-center-page .product-hero-content h1{max-width:620px;margin:0;color:#fff;font-size:clamp(36px,3.05vw,59px);font-weight:600;line-height:1.22;letter-spacing:.02em;white-space:pre-line}
.product-center-page .product-hero-description{max-width:610px;margin-top:38px;color:rgba(255,255,255,.94);font-size:clamp(14px,1.05vw,19px);line-height:1.75}
.product-center-page .product-category-nav{position:relative;z-index:3;border-bottom:1px solid #e7ebef;background:#fff;box-shadow:0 5px 16px rgba(30,64,92,.05)}
.product-center-page .product-category-track{display:flex;width:100%;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.product-center-page .product-category-track::-webkit-scrollbar{display:none}
.product-center-page .product-category-track>a{display:flex;flex:1 0 180px;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 22px;border-right:1px solid #edf0f3;color:#303840;font-size:var(--ui-small);text-decoration:none;white-space:nowrap;transition:color .2s ease,background .2s ease}
.product-center-page .product-category-track>a:first-child{background:#edf5fc;color:#064f91}
.product-center-page .product-category-track>a:hover{background:#f3f7fb;color:#0a5da4}
.product-center-page .product-category-track>a i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.product-center-page .product-catalog{padding:var(--ui-space) 0;background:#f5f7fa}
.product-center-page .product-sections{counter-reset:product-section}
.product-center-page .product-group{counter-increment:product-section;scroll-margin-top:24px}
.product-center-page .product-group+.product-group{margin-top:74px;padding-top:2px}
.product-center-page .product-group-heading{margin-bottom:28px}
.product-center-page .product-group-title-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.product-center-page .product-group-title-row h2{display:flex;align-items:center;gap:13px;margin:0;color:var(--ui-ink);font-size:var(--ui-section);font-weight:var(--ui-weight-heading);line-height:var(--ui-leading-heading);}
.product-center-page .product-group-title-row h2::before{content:counter(product-section,decimal-leading-zero);padding-top:3px;border-top:4px solid var(--ui-brand);color:#263039;font-size:var(--ui-section);font-weight:var(--ui-weight-heading);line-height:var(--ui-leading-heading);}
.product-center-page .product-group-all{display:flex;align-items:center;gap:10px;color:#687782;font-size:var(--ui-small);text-decoration:none}
.product-center-page .product-group-all span,.product-center-page .product-card-link i{display:inline-block;width:15px;height:15px;background-color:currentColor;-webkit-mask:url('/static/home/arrow-right.svg?v=2') center/contain no-repeat;mask:url('/static/home/arrow-right.svg?v=2') center/contain no-repeat;transition:transform .2s ease}
.product-center-page .product-group-all:hover{color:#0b61ab}
.product-center-page .product-group-all:hover span,.product-center-page .product-card>a:hover .product-card-link i{transform:translateX(3px)}
.product-center-page .product-subcategories{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.product-center-page .product-subcategories button{padding:8px 16px;border:1px solid #dbe2e8;border-radius:5px;background:#fff;color:var(--ui-muted);font:inherit;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}
.product-center-page .product-subcategories button:hover,.product-center-page .product-subcategories button.is-active{border-color:var(--ui-brand);background:#edf5fc;color:var(--ui-brand)}
.product-center-page .product-card[hidden]{display:none}
.product-center-page .product-card{min-width:0;overflow:hidden;border:1px solid #edf0f2;border-radius:var(--ui-radius);background:#fff;box-shadow:0 8px 24px rgba(35,63,84,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product-center-page .product-card:hover{border-color:#ceddea;box-shadow:0 15px 32px rgba(35,63,84,.12);transform:translateY(-4px)}
.product-center-page .product-card>a{display:block;height:100%;color:inherit;text-decoration:none}
.product-center-page .product-card-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(145deg,#fff 36%,#f6f8fa)}
.product-center-page .product-card-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.product-center-page .product-card>a:hover .product-card-image img{transform:scale(1.025)}
.product-center-page .product-card-body{display:flex;flex-direction:column;min-height:118px;padding:18px 18px 17px;border-top:1px solid #f0f2f4;box-sizing:border-box}
.product-center-page .product-card-model{margin:8px 0 0;color:var(--ui-muted);font-size:var(--ui-small);font-weight:var(--ui-weight-body);line-height:var(--ui-leading-body);}
.product-center-page .product-card h3{margin:0;min-height:calc(2 * var(--ui-card) * var(--ui-leading-card));color:var(--ui-ink);text-wrap:pretty;}
.product-center-page .product-card-link{display:flex;align-items:center;gap:5px;margin-top:auto;padding-top:13px;color:var(--ui-brand);font-size:var(--ui-small);font-weight:var(--ui-weight-body);}
.product-center-page .product-card-link i{width:13px;height:13px}
.product-center-page .product-empty{padding:54px 24px;border:1px dashed #d8dfe5;border-radius:8px;background:#fff;color:#89949d;text-align:center;font-size:var(--ui-small);}
@media(max-width:1100px){
  .product-center-page .product-category-track>a{flex-basis:170px}
}
@media(max-width:750px){
  .product-center-page .product-hero{min-height:410px}
  .product-center-page .product-hero-image-desktop{display:none}
  .product-center-page .product-hero-image-mobile{display:block;object-position:69% center}
  .product-center-page .product-hero-overlay{background:linear-gradient(90deg,rgba(7,57,105,.88) 0%,rgba(7,66,119,.74) 55%,rgba(7,67,120,.25) 100%)}
  .product-center-page .product-hero-content{justify-content:flex-end;min-height:410px;padding:54px 0 44px}
  .product-center-page .product-hero-content>p{margin-bottom:13px;font-size:14px}
  .product-center-page .product-hero-content h1{max-width:440px;font-size:clamp(23px,6.5vw,29px);line-height:1.27}
  .product-center-page .product-hero-description{max-width:390px;margin-top:18px;font-size:clamp(12px,3.25vw,13px);line-height:1.65}
  .product-center-page .product-category-track{justify-content:flex-start}
  .product-center-page .product-category-track>a{flex:0 0 auto;min-height:52px;padding:0 18px;font-size:var(--ui-small);}
  .product-center-page .product-catalog{padding:var(--ui-space) 0;}
  .product-center-page .product-group+.product-group{margin-top:56px}
  .product-center-page .product-group-heading{margin-bottom:20px}
  .product-center-page .product-group-title-row{align-items:flex-start}
  .product-center-page .product-group-title-row h2{gap:10px;font-size:var(--ui-section);}
  .product-center-page .product-group-title-row h2::before{border-top-width:3px;font-size:var(--ui-section);}
  .product-center-page .product-group-all{padding-top:5px;font-size:var(--ui-small);}
  .product-center-page .product-subcategories{flex-wrap:nowrap;margin:15px -16px 0;padding:0 16px;overflow-x:auto;scrollbar-width:none}
  .product-center-page .product-subcategories::-webkit-scrollbar{display:none}
.product-center-page .product-subcategories button{flex:none;padding:7px 14px;}
  .product-center-page .product-card{border-radius:var(--ui-radius);scroll-snap-align:start}
  .product-center-page .product-card-body{min-height:112px;padding:14px 13px}
  .product-center-page .product-card-model{margin-top:6px;font-size:var(--ui-small);}
  .product-center-page .product-card-link{padding-top:10px;font-size:var(--ui-small);}
}

.product-center-page .product-group-title-row{flex-wrap:wrap;gap:12px}
.product-group-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.product-carousel-controls{display:flex;gap:8px;flex:none}
.product-carousel-controls[hidden]{display:none}
/* Reuse the news icons; multiply removes their white JPEG canvas on gray sections. */
.product-carousel-controls button{width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent center/32px 32px no-repeat;mix-blend-mode:multiply;cursor:pointer;transition:transform .2s ease,filter .2s ease}
.product-carousel-controls button[data-product-prev]{background-image:url('/static/legacy/state/images/icon_291.jpg')}
.product-carousel-controls button[data-product-next]{background-image:url('/static/legacy/state/images/icon_29.jpg')}
.product-carousel-controls button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(.8)}
.product-carousel-controls button:disabled{opacity:.35;cursor:default}
.product-carousel-controls button:focus-visible{outline:2px solid var(--ui-brand);outline-offset:2px}
@media(max-width:750px){.product-carousel-controls{gap:6px}.product-carousel-controls button{width:34px;height:34px;background-size:26px 26px}}
@media(prefers-reduced-motion:reduce){.product-carousel-controls button{transition:none}}

/* Desktop shows every matching product; mobile keeps the horizontal carousel. */
@media(min-width:751px){
  body.product-center-page .product-card-grid{
    grid-template-columns:repeat(var(--product-visible-columns,4),minmax(0,1fr));
    grid-auto-flow:row;
    grid-auto-columns:auto;
    overflow:visible;
    scroll-snap-type:none;
  }
  .product-center-page .product-carousel-controls{display:none}
}