@import url("site-system.css");

/* MainBuyer conversion affordances and public error-page presentation. */

.product-top-cta-bar{position:relative;z-index:10;border-bottom:1px solid rgba(17,19,21,.12);background:var(--mb-lime,#d9ff58)}
.product-top-cta-bar .container{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.product-top-cta-copy{min-width:0;display:flex;align-items:baseline;gap:10px}
.product-top-cta-copy strong{font-family:var(--mb-display,system-ui,sans-serif);font-size:.98rem;letter-spacing:-.02em}
.product-top-cta-copy span{color:rgba(17,19,21,.72);font-size:.86rem}
.product-price-jump{display:inline-flex;min-height:40px;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:0 16px;background:var(--mb-ink,#111315);color:#fff;font-size:.88rem;font-weight:700;text-decoration:none}
.product-price-jump:hover,.product-price-jump:focus-visible{background:var(--mb-blue-dark,#3329d8);color:#fff}
.mobile-price-cta{display:none}
.error-page{padding:clamp(64px,9vw,124px) 0 clamp(78px,10vw,140px)}
.error-shell{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(36px,7vw,96px);align-items:center;padding:clamp(34px,6vw,78px);border:1px solid rgba(17,19,21,.14);border-radius:34px;background:var(--mb-surface,#fffdf8);box-shadow:var(--mb-shadow-sm,0 14px 34px rgba(17,19,21,.08))}
.error-shell::after{content:"404";position:absolute;right:-28px;bottom:-66px;color:rgba(93,85,255,.08);font-family:var(--mb-display,system-ui,sans-serif);font-size:clamp(10rem,24vw,22rem);font-weight:800;line-height:1;letter-spacing:-.09em;pointer-events:none}
.error-copy,.error-tools{position:relative;z-index:1}
.error-code{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--mb-blue-dark,#3329d8);font-family:var(--mb-mono,ui-monospace,monospace);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.error-code::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--mb-accent,#ff6039)}
.error-copy h1{max-width:720px;margin:0 0 18px;font-family:var(--mb-display,system-ui,sans-serif);font-size:clamp(3.2rem,7vw,6.7rem);font-weight:760;line-height:.9;letter-spacing:-.065em}
.error-copy p{max-width:650px;margin-bottom:0;color:var(--mb-muted,#62676b);font-size:1.08rem}
.error-tools{padding:28px;border-radius:24px;background:var(--mb-ink,#111315);color:#fff}
.error-tools h2{margin:0 0 8px;font-family:var(--mb-display,system-ui,sans-serif);font-size:1.4rem}
.error-tools p{margin:0 0 18px;color:rgba(255,255,255,.7);font-size:.92rem}
.error-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px;border-radius:15px;background:#fff}
.error-search input{min-width:0;border:0;outline:0;padding:10px 12px;background:transparent}
.error-search button{min-height:44px;border:0;border-radius:10px;padding:0 15px;background:var(--mb-lime,#d9ff58);color:var(--mb-ink,#111315);font-weight:800}
.error-links{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:18px}
.error-links a{color:#fff;font-size:.88rem;font-weight:700;text-underline-offset:.2em}
@media(max-width:900px){.error-shell{grid-template-columns:1fr}}
@media(max-width:767px){body[data-page-type="product"]{padding-bottom:76px}.product-top-cta-bar .container{min-height:54px}.product-top-cta-copy span{display:none}.product-top-cta-bar .product-price-jump{min-height:38px;padding:0 13px}.mobile-price-cta{position:fixed;right:0;bottom:0;left:0;z-index:80;display:block;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid rgba(17,19,21,.14);background:rgba(255,253,248,.96);backdrop-filter:blur(18px);box-shadow:0 -12px 34px rgba(17,19,21,.12)}.mobile-price-cta-inner{width:min(100%,680px);min-height:50px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-price-cta-copy{min-width:0}.mobile-price-cta-copy strong,.mobile-price-cta-copy span{display:block}.mobile-price-cta-copy strong{overflow:hidden;max-width:46vw;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.mobile-price-cta-copy span{color:var(--mb-muted,#62676b);font-size:.72rem}.mobile-price-cta .product-price-jump{min-height:44px;padding:0 15px}.error-page{padding-top:44px}.error-shell{padding:28px 22px;border-radius:24px}.error-tools{padding:22px;border-radius:18px}.error-search{grid-template-columns:1fr}}

/* Deployment marker: site-system 2026-08-12 */