/* APEXPC 1.8.0: breadcrumb routes, component rows and clear rail controls. */
.apxc [hidden]{display:none!important}
.apxc .crumb{color:#adb3c0;font-size:12px;line-height:1.6;padding:18px 0;min-width:0}
.apxc .crumb ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 0;list-style:none;padding:0;margin:0}
.apxc .crumb li{list-style:none;margin:0;min-width:0;overflow-wrap:anywhere}
.apxc .crumb li+li::before{content:'–';display:inline-block;color:#ff3159;margin:0 10px}
.apxc .crumb a{color:#c7ccd6;text-decoration:none}
.apxc .crumb a:hover{text-decoration:underline;color:#fff}
.apxc .crumb [aria-current=page]{color:#fff}
.apxc .rail-heading{flex-wrap:wrap;align-items:center;gap:10px}
.apxc .rail-controls{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.apxc .rail-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:46px;min-width:46px;height:46px;min-height:46px;padding:0 10px;border:1px solid #ff345d;border-radius:8px;background:#ec0032;color:#fff;font-size:24px;font-weight:700;box-shadow:0 3px 12px #ff003526}
.apxc .rail-controls button.rail-next{width:auto;min-width:150px;padding:0 14px}
.apxc .rail-controls .rail-next-label{font-size:12px;line-height:1.2;white-space:nowrap;font-weight:700}
.apxc .rail-controls button:hover:not(:disabled){background:#c6002a;border-color:#ff6d8c}
.apxc .rail-controls button:focus-visible{outline:3px solid white;outline-offset:3px}
.apxc .rail-controls button:disabled{opacity:1;box-shadow:none;background:#25272d;border-color:#41444d;color:#8e939e;cursor:default}
.apxc .rail-position{color:#b5bac6;font-size:11px;white-space:nowrap}
.apxc .scroll-hint{font-size:12px;line-height:1.6;color:#b5bac6}
.apxc .intro h1{overflow-wrap:break-word;max-width:100%}
.apxc .apx-pd .apex-component-section>h2{font-size:20px;margin:0 0 12px}
.apxc .apx-pd .apex-component-copy h3{font-size:14px;line-height:1.5;letter-spacing:0;margin:4px 0;color:#eee;overflow-wrap:anywhere}
.apxc .apx-pd .apex-component-picture{display:flex;align-items:center;justify-content:center}
.apxc .apx-pd .apex-component-picture .apx-pd-icon{width:36px;height:36px;flex:0 0 36px;color:#ba854e}
.apxc .apx-pd .apex-component-row{min-width:0}
@media(max-width:700px){.apxc .rail-heading h3{flex:1 0 100%}.apxc .rail-controls{width:100%;justify-content:flex-end}.apxc .rail-position{margin-right:auto}.apxc .rail-controls button.rail-next{min-width:150px}.apxc .crumb li+li::before{margin:0 7px}.apxc .intro h1{font-size:clamp(29px,8vw,39px)}}
@media(prefers-reduced-motion:reduce){.apxc .product-rail{scroll-behavior:auto!important}}