:root{--brand-blue: #053ba4;--brand-green: #7ed957;--ink: #17191f;--muted: #667085;--line: #e9edf3;--surface: #ffffff;--surface-soft: #f8fafc;--app-bg: #f8fafc;color:var(--ink);background:var(--app-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 84% 2%,rgba(126,217,87,.14),transparent 30%),radial-gradient(circle at 0% 24%,rgba(5,59,164,.05),transparent 28%),linear-gradient(180deg,#fbfdff 0%,var(--app-bg) 48%,#ffffff 100%)}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.app-shell{width:min(1180px,100%);margin:0 auto;padding:0 12px 28px}.topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:1fr;gap:12px;margin:0 -12px;padding:max(14px,env(safe-area-inset-top)) 12px 10px;background:#fff;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-lockup{display:grid;justify-items:center;gap:5px;text-align:center}.brand-logo{display:block;width:min(168px,52vw);height:auto;border-radius:6px}.company-name{margin:0;color:var(--muted);font-size:.7rem;font-weight:700;line-height:1.15}.eyebrow{margin:0 0 4px;color:var(--brand-blue);font-size:.68rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:var(--ink);font-size:1.22rem;line-height:1.05;letter-spacing:0}h2{margin-bottom:0;color:var(--ink);font-size:1.2rem;line-height:1.08}.search-box{display:grid;gap:6px;color:var(--muted);font-size:.78rem;font-weight:760}.search-box span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.search-box input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--surface);color:var(--ink);outline:none;box-shadow:none}.search-box input::placeholder{color:#98a2b3}.search-box input:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #053ba414}.status{margin:12px 0;border:1px solid rgba(5,59,164,.14);border-radius:8px;padding:10px 12px;background:#eef5ff;color:#254070;font-size:.86rem;font-weight:650}.catalog-layout{display:grid;gap:12px;padding-top:12px}.category-panel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(128px,36vw);gap:10px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.category-panel::-webkit-scrollbar,.subcategories::-webkit-scrollbar{display:none}.category-tile{position:relative;min-height:106px;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:0;background:var(--surface);box-shadow:none}.category-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 26%,rgba(0,0,0,.5))}.category-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.category-tile span{position:absolute;inset:auto 8px 8px;z-index:1;color:#fff;font-size:.9rem;font-weight:800;line-height:1.05;text-align:left;text-shadow:0 1px 8px rgba(0,0,0,.4)}.category-tile.active{border-color:var(--brand-green);box-shadow:0 0 0 2px #7ed95757}.category-tile.active:before{content:"";position:absolute;top:8px;right:8px;z-index:2;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--brand-green)}.category-tile.active img,.category-tile:hover img{transform:none}.skeleton,.category-skeleton:before{position:relative;overflow:hidden;background:linear-gradient(90deg,#edf2f8,#f8fbff 46%,#edf2f8);background-size:220% 100%;animation:skeleton-sweep 1.25s ease-in-out infinite}.category-skeleton{pointer-events:none}.category-skeleton:before{content:"";position:absolute;inset:0}.category-skeleton:after{background:linear-gradient(180deg,transparent 20%,rgba(5,59,164,.1))}@keyframes skeleton-sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.product-stage{min-width:0}.stage-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:10px}.count-pill{flex:0 0 auto;border-radius:999px;padding:5px 8px;background:#edf8e8;color:#28621c;font-size:.74rem;font-weight:780}.subcategories{position:sticky;top:104px;z-index:4;display:flex;gap:7px;overflow-x:auto;margin:0 -12px 10px;padding:0 12px 8px;background:transparent;scrollbar-width:none}.subcategories button{flex:0 0 auto;min-height:34px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:var(--surface);color:#344054;font-size:.86rem;font-weight:740;box-shadow:none}.subcategories button.active{border-color:var(--brand-blue);background:#eef4ff;color:var(--brand-blue);box-shadow:inset 0 0 0 1px #053ba414}.subcategory-skeleton{flex:0 0 auto;width:86px;height:36px;border-radius:999px}.product-grid{display:grid;grid-template-columns:1fr;gap:8px}.product-card{display:grid;grid-template-columns:104px minmax(0,1fr);min-height:136px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:none}.image-button{min-height:136px;border:0;padding:0;background:var(--surface-soft)}.image-button img{display:block;width:100%;height:100%;object-fit:contain;padding:8px;background:var(--surface-soft)}.product-info{display:grid;align-content:space-between;gap:9px;min-width:0;padding:11px}.product-code{margin-bottom:4px;color:var(--brand-blue);font-size:.68rem;font-weight:800;text-transform:uppercase}.product-card h3{margin-bottom:0;color:var(--ink);font-size:.96rem;line-height:1.15}dl{display:grid;gap:8px;margin:0}.product-card dl{grid-template-columns:1fr}dt{color:var(--muted);font-size:.66rem;font-weight:780;text-transform:uppercase}dd{margin:2px 0 0;color:#2d3340;font-size:.8rem;font-weight:680;overflow-wrap:anywhere}.detail-button{width:100%;min-height:34px;border:1px solid rgba(5,59,164,.18);border-radius:8px;padding:8px 11px;background:#f7faff;color:var(--brand-blue);font-size:.82rem;font-weight:800;box-shadow:none}.detail-button:active{transform:translateY(1px)}.product-card-skeleton{pointer-events:none}.skeleton-image{min-height:136px}.skeleton-code{width:64px;height:10px;margin-bottom:9px;border-radius:999px}.skeleton-title{width:min(180px,78%);height:18px;border-radius:6px}.skeleton-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.skeleton-label{width:42px;height:8px;margin-bottom:6px;border-radius:999px}.skeleton-value{width:82px;max-width:100%;height:13px;border-radius:5px}.skeleton-value.short{width:52px}.skeleton-button{width:100%;height:36px;border-radius:8px}.empty-state{border:1px dashed rgba(5,59,164,.2);border-radius:8px;padding:28px 16px;background:var(--surface);text-align:center}.empty-state h3{margin-bottom:6px}.empty-state p{margin-bottom:0;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;align-items:end;background:#1118275c}.product-modal{position:relative;display:grid;max-height:92vh;overflow:auto;border-radius:8px 8px 0 0;background:var(--surface)}.close-button{position:absolute;top:10px;right:10px;z-index:1;width:40px;height:40px;border:0;border-radius:50%;background:#fffffff0;color:var(--ink);font-size:1.25rem;font-weight:900;box-shadow:none}.zoomable-image-frame{width:100%;height:min(54vh,420px);overflow:hidden;background:var(--surface-soft);touch-action:none;-webkit-user-select:none;user-select:none}.modal-image{display:block;width:100%;height:100%;object-fit:contain;padding:18px;transform-origin:center center;transition:transform .12s ease-out;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.modal-copy{padding:18px}.modal-copy h2{margin-bottom:18px}.modal-copy .product-code{font-size:.92rem;margin-bottom:8px}.detail-list{gap:12px}.detail-list div{border-top:1px solid var(--line);padding-top:12px}.jump-top{position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:8;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(5,59,164,.14);border-radius:50%;background:#fff;color:var(--brand-blue);font-size:1.2rem;font-weight:900;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease;box-shadow:0 10px 22px #1018281f}.jump-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media(min-width:700px){.app-shell{padding:0 22px 44px}.topbar{grid-template-columns:1fr minmax(260px,360px);margin-right:-22px;margin-left:-22px;padding-right:22px;padding-left:22px}.brand-logo{width:188px}.company-name{font-size:.76rem}h1{font-size:1.4rem}.catalog-layout{grid-template-columns:210px 1fr;align-items:start}.category-panel{position:sticky;top:94px;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;padding-bottom:0}.category-tile{min-height:122px}.subcategories{top:78px;margin-right:0;margin-left:0;padding-right:0;padding-left:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{grid-template-columns:1fr}.image-button{aspect-ratio:4 / 3;min-height:auto}.product-modal{align-self:center;grid-template-columns:minmax(320px,48%) 1fr;width:min(920px,calc(100% - 44px));max-height:min(720px,calc(100vh - 44px));margin:0 auto;border-radius:8px}.zoomable-image-frame{height:100%;min-height:440px}.modal-copy{align-self:center;padding:28px}}@media(min-width:1040px){.catalog-layout{grid-template-columns:240px 1fr}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}