/* Inner-page layout. Scoped to avoid changing the homepage architecture animation. */
.page--content { --center-line:#e8edf3; --center-muted:#788397; background:#f8fafc; color:#202c40; }
.page--content .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.page--content a:focus-visible,.page--content button:focus-visible,.page--content select:focus-visible { outline:3px solid #90baff; outline-offset:4px; }
.content-hero { position:relative; overflow:hidden; border-bottom:1px solid var(--center-line); background:radial-gradient(ellipse at 83% 50%,#eaf3ff 0,transparent 46%),linear-gradient(110deg,#fff 45%,#f5f9ff); }
.content-hero__inner { display:flex; min-height:304px; align-items:center; justify-content:space-between; gap:32px; padding-top:28px; padding-bottom:32px; }
.content-breadcrumb { display:flex; gap:10px; align-items:center; margin-bottom:22px; color:#8a95a6; font-size:12px; }
.content-breadcrumb a:hover { color:#3478ed; }
.content-breadcrumb [aria-current] { color:#53627b; }
.content-hero .eyebrow { margin-bottom:10px; color:#4b81d3; font-size:10px; letter-spacing:2.6px; }
.content-hero h1 { margin:0 0 14px; font-size:44px; font-weight:650; letter-spacing:1px; line-height:1.25; }
.content-hero__desc { margin:0; color:#748097; font-size:15px; }
.content-hero__art { position:relative; display:grid; flex:0 0 260px; height:224px; place-items:center; perspective:650px; }
.content-hero__art > i { position:absolute; width:145px; height:145px; border:1px solid #d5e4f8; border-radius:28px; background:linear-gradient(130deg,#fff9,#e7f1ff55); transform:rotateX(56deg) rotateZ(45deg) translateZ(-30px); box-shadow:18px 18px 45px #527fbd0c; }
.content-hero__art > i:nth-child(2) { transform:rotateX(56deg) rotateZ(45deg) translateZ(-66px); background:transparent; }
.content-hero__art > span { display:grid; width:102px; height:102px; margin-top:-35px; place-items:center; border:1px solid #e0ebf9; border-radius:27px; background:linear-gradient(140deg,#fff,#f4f9ff); box-shadow:14px 23px 36px #5781bd14,inset 0 0 0 5px #fff; transform:rotate(-9deg); }
.content-hero__art > span .icon { width:52px; height:52px; color:#6b9de7; }
.content-hero__art > b { position:absolute; bottom:4px; color:#a8bddc; font:500 9px/1.5 monospace; letter-spacing:5px; }
.content-section { padding:48px 0 68px; }
.center-layout { display:grid; grid-template-columns:236px minmax(0,1fr); gap:30px; align-items:start; }
.center-sidebar { position:sticky; top:100px; min-width:0; }
.center-panel { border:1px solid var(--center-line); border-radius:14px; background:#fff; box-shadow:0 4px 16px #182d4f02; }
.center-sidebar > .center-panel { padding:20px 12px 12px; }
.center-sidebar__label { margin:0 12px 16px; color:#34425b; font-size:14px; font-weight:650; }
.center-categories { display:grid; gap:5px; max-height:440px; overflow-y:auto; scrollbar-width:thin; }
.center-categories button { display:flex; width:100%; min-height:44px; align-items:center; gap:10px; padding:11px 12px; border:0; border-radius:8px; background:transparent; text-align:left; color:#67758d; font:inherit; font-size:13px; cursor:pointer; transition:background .2s,color .2s; }
.center-categories button:hover { background:#f5f8fd; color:#3478ed; }
.center-categories button.is-active { background:#edf4ff; color:#3478ed; font-weight:600; }
.center-categories button > .icon { flex-shrink:0; width:18px; height:18px; }
.center-categories button span { min-width:0; flex:1; overflow-wrap:anywhere; }
.center-categories button b { color:#9da9bb; font-size:11px; font-weight:500; }
.center-categories button.is-active b { color:#5d8bd3; }
.center-categories button.is-nested { padding-left:28px; font-size:12px; }
.center-sidebar__note { margin:16px 12px 0; color:#9aa5b5; font-size:10px; }
.center-support { margin-top:18px; padding:23px; border:1px solid #e1ebfa; border-radius:14px; background:linear-gradient(145deg,#f3f8ff,#fff); }
.center-support__icon { display:grid; width:38px; height:38px; margin-bottom:14px; place-items:center; border-radius:11px; color:#558ae0; background:#e7f0ff; }
.center-support__icon .icon { width:22px; height:22px; }
.center-support h3 { margin:0 0 8px; font-size:15px; }
.center-support p { margin:0 0 18px; color:var(--center-muted); font-size:12px; line-height:1.8; }
.center-crosslink { display:flex; align-items:center; gap:10px; padding:20px 14px; color:#708099; font-size:12px; }
.center-crosslink > .icon { width:17px; height:17px; }
.center-crosslink > span { flex:1; }
.center-main { min-width:0; }
.catalog-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:24px; }
.catalog-heading .eyebrow { margin:0 0 7px; font-size:9px; letter-spacing:2px; color:#8fa1bc; }
.catalog-heading h2 { margin:0; font-size:25px; }
.page--content .text-link { color:#477dcb; }
.page--content .text-link--sm { font-size:12px; }
.center-toolbar { display:flex; align-items:stretch; gap:12px; }
.page--content .search-field { display:flex; min-width:0; flex:1; min-height:46px; gap:12px; border:1px solid #e3e9f1; border-radius:9px; background:#fff; box-shadow:none; padding:0 16px; }
.page--content .search-field > svg { flex-shrink:0; width:18px; height:18px; color:#9aa7bc; fill:none; stroke:currentColor; stroke-width:1.6; }
.page--content .search-field input { width:100%; min-width:0; color:#34425b; font-size:13px; }
.page--content .search-field input::placeholder { color:#a0abba; }
.page--content .search-field:focus-within { border-color:#90b6ef; box-shadow:0 0 0 3px #548de50c; }
.catalog-sort { display:flex; min-width:155px; }
.catalog-sort select { width:100%; padding:0 15px; border:1px solid #e3e9f1; border-radius:9px; background:#fff; color:#67758d; font:inherit; font-size:12px; }
.center-result-note { margin:18px 0; color:#8895a7; font-size:12px; }
.center-result-note b { color:#407ccf; font-weight:600; }
.center-result-note > span { margin-left:8px; color:#a0aaba; font-size:11px; }
.page--content .product-grid--catalog { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.page--content .product-card { min-height:325px; padding:24px; border:1px solid var(--center-line); border-radius:13px; background:#fff; box-shadow:0 5px 22px #182d4f03; transform:none; }
.page--content .product-card:hover { border-color:#bad0ee; box-shadow:0 12px 32px #274b8110; transform:translateY(-3px); }
.page--content .product-card__glow { display:none; }
.page--content .product-card__top { margin-bottom:18px; }
.page--content .product-card__icon { width:43px; height:43px; border:1px solid #e5edfa; border-radius:12px; background:#f1f6ff; color:#6698e2; }
.page--content .product-card__icon .icon { width:25px; height:25px; }
.page--content .product-card > .eyebrow { color:#a3b1c4; font-size:8px; letter-spacing:1.5px; }
.page--content .product-card h3 { font-size:20px; line-height:1.5; overflow-wrap:anywhere; }
.page--content .product-card__desc { margin-bottom:16px; min-height:48px; color:#8692a4; font-size:12px; -webkit-line-clamp:3; }
.page--content .product-card__foot { flex-wrap:wrap; gap:16px; margin-top:auto; padding-top:22px; border-top:1px solid #f0f3f7; }
.page--content .product-card .price strong { font-size:24px; color:#e97c67; }
.page--content .product-card .price small { color:#a0aaba; }
.page--content .product-card .price .price-pending { font-size:13px; color:#7c8ba1; }
.page--content .product-card__actions { margin-left:auto; }
.page--content .product-card__actions .btn { min-height:34px; padding:8px 12px; font-size:11px; }
.stock-pill.is-sold-out { color:#ca746d; background:#fff3f1; border-color:#f4dcd7; }
.product-card [aria-disabled="true"] { opacity:.55; cursor:not-allowed; }
.catalog-guidance,.help-next-step { display:flex; align-items:center; gap:18px; margin-top:28px; padding:24px; border:1px solid var(--center-line); border-radius:13px; background:#fff; }
.catalog-guidance > span,.help-next-step > span { color:#7e9fcf; }
.catalog-guidance > span .icon,.help-next-step > span .icon { width:30px; height:30px; }
.catalog-guidance > div,.help-next-step > div { flex:1; }
.catalog-guidance h3,.help-next-step h3 { margin:0 0 6px; font-size:14px; }
.catalog-guidance p,.help-next-step p { margin:0; color:#8996a8; font-size:12px; line-height:1.8; }
.center-search { display:flex; align-items:stretch; gap:12px; padding:16px; }
.center-search .search-field { border-color:#edf0f5; background:#f8fafc; }
.center-search > .btn { min-width:100px; min-height:46px; font-size:13px; }
.center-list-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:30px; }
.center-list-heading h2 { margin:0; font-size:22px; }
.center-list-heading > span { color:#9ba7b8; font-size:12px; }
.center-search-scope { margin:9px 0 18px; color:#9aa6b7; font-size:11px; }
.center-article-list { overflow:hidden; }
.center-article { position:relative; display:flex; align-items:center; gap:25px; padding:27px; border-bottom:1px solid #edf1f6; transition:background .2s; }
.center-article:last-child { border-bottom:0; }
.center-article:hover { background:#fbfdff; }
.center-article__date { display:grid; flex:0 0 65px; align-content:center; text-align:center; padding-right:24px; border-right:1px solid #eaf0f7; }
.center-article__date strong { color:#9aaecb; font-size:33px; line-height:1.2; font-weight:500; }
.center-article__date span { margin-top:7px; color:#a7b2c2; font:10px/1.5 monospace; white-space:nowrap; }
.center-article__body { min-width:0; flex:1; }
.center-article__meta { display:flex; align-items:center; flex-wrap:wrap; gap:14px; margin-bottom:10px; color:#a0abbb; font-size:10px; }
.center-article__meta > span:first-child { color:#6991c9; }
.center-article__meta > span { display:inline-flex; align-items:center; gap:4px; }
.center-article__meta .icon { width:12px; height:12px; }
.center-article h3 { margin:0 0 9px; color:#33425b; font-size:16px; font-weight:550; line-height:1.7; overflow-wrap:anywhere; }
.center-article p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0; color:#919db0; font-size:12px; line-height:1.8; }
.center-article__arrow { display:grid; flex:0 0 30px; height:30px; place-items:center; border:1px solid #e6edf6; border-radius:50%; color:#a2b4ce; transition:color .2s,background .2s,transform .2s; }
.center-article__arrow .icon { width:15px; height:15px; }
.center-article:hover .center-article__arrow { color:#fff; background:#5486d7; border-color:#5486d7; transform:translateX(3px); }
.center-article__icon { display:grid; flex:0 0 44px; height:48px; place-items:center; border:1px solid #e7effa; border-radius:11px; color:#7c9dcf; background:#f7faff; }
.center-article__icon .icon { width:24px; height:24px; }
.center-article--help { gap:20px; }
.page--content .empty-state { padding:55px 24px; color:#8493aa; }
.page--content .empty-state > .icon { display:block; width:38px; height:38px; margin:0 auto 20px; color:#a3b7d3; }
.page--content .empty-state h3 { color:#61738e; font-size:18px; }
.page--content .empty-state p { color:#9ca8ba; font-size:12px; }
.page--content .news-pagination { flex-wrap:wrap; margin-top:25px; }
.page--content .news-pagination small { color:#98a5b7; font-size:11px; }
.about-intro { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:70px; }
.about-brand-card { position:relative; overflow:hidden; display:flex; min-height:330px; flex-direction:column; align-items:center; justify-content:center; border:1px solid #e0e9f6; border-radius:18px; background:radial-gradient(circle at 50% 38%,#fff,#eef4fd); }
.about-brand-card::after { position:absolute; left:10%; right:10%; bottom:0; height:1px; background:linear-gradient(90deg,transparent,#91b4ea,transparent); content:""; }
.about-brand-card__grid { position:absolute; inset:0; background-image:linear-gradient(#91b4ea13 1px,transparent 1px),linear-gradient(90deg,#91b4ea13 1px,transparent 1px); background-size:36px 36px; mask-image:linear-gradient(transparent,#000,transparent); }
.about-brand-card .brand__mark { width:56px; height:56px; margin:12px 0 29px; }
.about-brand-card .brand__mark.has-logo { transform:none; }
.about-brand-card > strong { z-index:1; font-size:29px; font-weight:600; letter-spacing:3px; overflow-wrap:anywhere; max-width:90%; text-align:center; }
.about-brand-card > small { z-index:1; margin-top:8px; color:#8b9fbd; font-size:10px; letter-spacing:3px; }
.about-brand-card__caption { z-index:1; margin-top:31px; padding:6px 16px; border:1px solid #dfe8f4; border-radius:30px; color:#92a6c5; background:#ffffff88; font-size:10px; letter-spacing:2px; }
.about-intro__copy .eyebrow { margin-bottom:14px; font-size:10px; letter-spacing:2px; color:#7d99c1; }
.about-intro__copy h2 { margin:0 0 23px; font-size:30px; line-height:1.6; overflow-wrap:anywhere; }
.about-profile { margin:0 0 30px; color:#8492a6; font-size:14px; line-height:2.1; white-space:pre-line; overflow-wrap:anywhere; }
.about-intro__actions { display:flex; flex-wrap:wrap; gap:12px; }
.about-values-section { padding:54px 0 62px; border-top:1px solid #edf1f7; border-bottom:1px solid #edf1f7; background:#fff; }
.about-section-heading { margin-bottom:30px; text-align:center; }
.about-section-heading .eyebrow { color:#8aa2c3; font-size:10px; letter-spacing:2px; }
.about-section-heading h2 { margin:0 0 12px; font-size:29px; }
.about-section-heading > p:last-child { margin:0; color:#93a0b2; font-size:13px; }
.about-value-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.about-value-grid article { position:relative; padding:27px; border:1px solid #e9eef5; border-radius:13px; background:#fff; }
.about-value-grid article > span { display:grid; width:40px; height:40px; margin-bottom:22px; place-items:center; border-radius:11px; color:#749cd7; background:#eff5ff; }
.about-value-grid article:nth-child(2) > span { color:#df9e76; background:#fff5ed; }
.about-value-grid article:nth-child(3) > span { color:#dd8d8b; background:#fff1f1; }
.about-value-grid article:nth-child(4) > span { color:#74a6ac; background:#eff9f8; }
.about-value-grid .icon { width:23px; height:23px; }
.about-value-grid small { position:absolute; top:29px; right:25px; color:#c2ccd9; font:12px monospace; }
.about-value-grid h3 { margin:0 0 12px; font-size:17px; }
.about-value-grid p { margin:0; color:#95a0b1; font-size:12px; line-height:1.9; }
.about-contact { display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:80px; }
.about-contact .eyebrow { color:#8ca2c2; font-size:10px; letter-spacing:2px; }
.about-contact h2 { margin:0 0 16px; font-size:29px; }
.about-contact > div:first-child > p:not(.eyebrow) { margin-bottom:25px; color:#919eb0; font-size:13px; }
.about-contact__cards { display:grid; gap:12px; }
.about-contact__cards > * { display:flex; align-items:center; gap:16px; padding:20px 23px; border:1px solid var(--center-line); border-radius:12px; background:#fff; }
.about-contact__cards > * > .icon:first-child { flex-shrink:0; width:24px; height:24px; color:#8aa9d5; }
.about-contact__cards > * > span { min-width:0; flex:1; }
.about-contact__cards small { display:block; margin-bottom:5px; color:#9aa8bd; font-size:10px; }
.about-contact__cards b { color:#596b85; font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.about-contact__cards > a > .icon:last-child { width:18px; height:18px; color:#a3b5cf; }
@media (max-width:1100px) {
  .center-layout { grid-template-columns:210px minmax(0,1fr); gap:22px; }
  .page--content .product-card { padding:20px; }
  .page--content .product-card__actions { width:100%; margin:0; }
  .page--content .product-card__actions .btn { flex:1; }
  .about-intro { gap:40px; }
  .about-value-grid { gap:12px; }
  .about-value-grid article { padding:22px; }
}
@media (max-width:760px) {
  .content-hero__inner { min-height:242px; padding-top:25px; padding-bottom:28px; }
  .content-hero h1 { font-size:34px; }
  .content-hero__desc { max-width:280px; font-size:12px; line-height:1.9; }
  .content-hero__art { flex-basis:145px; height:175px; margin-right:-15px; transform:scale(.8); transform-origin:right center; }
  .content-breadcrumb { margin-bottom:19px; font-size:10px; }
  .content-section { padding:28px 0 40px; }
  .center-layout { display:flex; flex-direction:column; gap:24px; }
  .center-sidebar,.center-main { position:static; width:100%; }
  .center-sidebar > .center-panel { padding:14px; }
  .center-sidebar__label { margin:0 0 12px; font-size:12px; }
  .center-categories { display:flex; gap:8px; overflow-x:auto; max-height:none; padding:2px 2px 7px; }
  .center-categories button { flex:0 0 auto; width:auto; min-height:37px; padding:8px 12px; font-size:12px; background:#f6f8fc; white-space:nowrap; }
  .center-categories button.is-nested { padding-left:12px; }
  .center-categories button .icon { display:none; }
  .center-sidebar__note { margin:7px 0 0; font-size:9px; }
  .center-support,.center-crosslink { display:none; }
  .catalog-heading { gap:12px; margin-bottom:18px; }
  .catalog-heading h2 { font-size:22px; }
  .catalog-heading .text-link--sm { font-size:11px; }
  .center-result-note { font-size:11px; line-height:1.8; }
  .center-result-note > span { font-size:10px; margin-left:3px; }
  .catalog-sort { min-width:126px; }
  .catalog-sort select { padding-inline:10px; font-size:11px; }
  .page--content .search-field { padding:0 12px; gap:8px; }
  .page--content .search-field input { font-size:12px; }
  .page--content .product-grid--catalog { gap:12px; }
  .page--content .product-card { padding:18px; }
  .page--content .product-card h3 { font-size:18px; }
  .page--content .product-card__desc { font-size:11px; }
  .catalog-guidance,.help-next-step { flex-wrap:wrap; padding:20px; gap:12px; }
  .catalog-guidance > div,.help-next-step > div { min-width:calc(100% - 50px); }
  .catalog-guidance > a,.help-next-step > a { margin-left:42px; }
  .center-search { padding:12px; gap:8px; }
  .center-search > .btn { min-width:68px; padding:10px; font-size:12px; }
  .center-search > .btn .icon { display:none; }
  .center-list-heading { padding-top:24px; }
  .center-list-heading h2 { font-size:20px; }
  .center-article { gap:15px; padding:22px 18px; }
  .center-article__date { flex-basis:49px; padding-right:14px; }
  .center-article__date strong { font-size:28px; }
  .center-article__date span { font-size:8px; }
  .center-article h3 { font-size:14px; }
  .center-article p { font-size:11px; }
  .center-article__arrow { display:none; }
  .center-article__icon { flex-basis:34px; height:38px; border-radius:9px; }
  .center-article__icon .icon { width:21px; height:21px; }
  .center-article__meta { gap:10px; font-size:9px; }
  .about-intro { grid-template-columns:1fr; gap:30px; }
  .about-brand-card { min-height:260px; }
  .about-intro__copy h2 { font-size:26px; margin-bottom:15px; }
  .about-profile { font-size:13px; }
  .about-values-section { padding:35px 0 40px; }
  .about-section-heading h2 { font-size:24px; }
  .about-section-heading > p:last-child { font-size:12px; line-height:1.8; }
  .about-value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .about-value-grid article { padding:20px; }
  .about-value-grid h3 { font-size:16px; }
  .about-contact { grid-template-columns:1fr; gap:25px; }
}
@media (max-width:480px) {
  .content-hero__art { flex-basis:90px; margin-right:-15px; transform:scale(.6); }
  .content-hero__inner { gap:0; min-height:235px; }
  .content-hero__inner > div:first-child { min-width:0; flex:1; }
  .content-hero__desc { max-width:235px; }
  .page--content .product-grid--catalog { grid-template-columns:1fr; }
  .page--content .product-card { min-height:290px; padding:23px; }
  .page--content .product-card__actions { width:auto; margin-left:auto; }
  .about-value-grid article { padding:17px; }
  .about-value-grid p { font-size:11px; }
  .about-value-grid small { top:22px; right:15px; }
}
@media (prefers-reduced-motion:reduce) {
  .page--content * { scroll-behavior:auto; }
  .page--content .product-card,.center-article,.center-article__arrow { transition:none; }
}

/* Depth is derived from the backend category tree, never inferred from its label. */
.center-categories button.is-nested { padding-left:calc(16px + var(--category-depth,1) * 14px); }
@media (max-width:760px) { .center-categories button.is-nested { padding-left:12px; } }