.catalog-page-hero{box-sizing:border-box;position:relative;display:flex;overflow:hidden;width:calc(100% - 40px);max-width:1400px;min-height:183.2px;margin:24px auto 32px;background:#04183f;color:white;border-radius:4px;font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif}
.catalog-hero-copy{box-sizing:border-box;flex:1;min-width:0;min-height:183.2px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.catalog-hero-breadcrumb{margin-bottom:8px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.78)}
.catalog-hero-breadcrumb a{color:#f39229}.catalog-hero-breadcrumb span{margin:0 8px}
.catalog-page-hero h1{margin:0 0 12px;font-size:44px;line-height:1.2;font-weight:800;letter-spacing:-.04em;color:white}
.catalog-page-hero p{margin:0;font-size:16px;line-height:1.5;color:rgba(255,255,255,.9)}
.catalog-hero-media{position:relative;flex:0 0 300px;overflow:hidden}
.catalog-hero-media::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(65,143,222,.62),rgba(65,143,222,.62)),url('/assets/product-center-hero-stock.jpg') center / cover;clip-path:polygon(50px 0,100% 0,100% 100%,10px 100%)}
.catalog-hero-media span{position:absolute;left:18px;top:90px;bottom:0;width:30px;border-radius:6px 0 0 0;transform:skewX(-10deg);transform-origin:top center;background:#ff8200}
@media(max-width:720px){.catalog-hero-copy{padding:28px 24px}.catalog-hero-media{flex-basis:100px}.catalog-page-hero h1{font-size:32px}}
