.roxy-page-error .containerView--header { display: none; }
.roxy-page-error .containerView { padding-top: 24px; }
.roxy-page-error .containerView--content { overflow: visible; padding-top: 0; display: flow-root; }
.roxy-page-error .containerView--content .containerView--content--left { float: none; width: 100%; }
.roxy-error { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 46px; max-width: 1020px; margin: 48px auto 72px; padding: 40px; border: 1px solid #f0e4eb; border-radius: 28px; background: #fff; box-sizing: border-box; }
.roxy-error--art { display: flex; align-items: center; justify-content: center; min-height: 310px; border-radius: 22px; background: radial-gradient(ellipse at 20% 20%, #fff 0%, #fff2f8 55%, #f1dfe9 100%); }
.roxy-error--code { color: #b72c69; font-size: clamp(100px, 16vw, 190px); font-weight: 700; line-height: 1; letter-spacing: -.075em; padding-right: .075em; }
.roxy-error--eyebrow { color: #b72c69; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; margin: 0 0 14px; }
.roxy-error h1 { font-size: clamp(28px, 3vw, 42px); line-height: 1.08; font-weight: 700; letter-spacing: -.035em; color: #251d23; margin: 0 0 18px; padding: 0; }
.roxy-error--message { color: #76646f; font-size: 16px; line-height: 1.6; margin: 0 0 24px; }
.roxy-error--search { display: flex; gap: 8px; margin-bottom: 20px; }
.roxy-error--search input { width: 100%; min-width: 0; height: 48px; box-sizing: border-box; padding: 0 14px; border: 1px solid #e7dce3; border-radius: 12px; color: #251d23; font-size: 16px; background: #fff; }
.roxy-error--search button { flex: 0 0 48px; height: 48px; border: 0; border-radius: 12px; background: #b72c69; color: #fff; font-size: 24px; cursor: pointer; }
.roxy-error--actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; }
.roxy-error--actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; text-decoration: none; font-size: 14px; font-weight: 600; color: #6d4a5d; }
.roxy-error--actions .roxy-error--home { padding: 0 18px; border-radius: 24px; background: #251d23; color: #fff; }
.roxy-error a:hover { text-decoration: underline; }
.roxy-error a:focus-visible, .roxy-error input:focus-visible, .roxy-error button:focus-visible { outline: 2px solid #b72c69; outline-offset: 4px; }
@media(max-width:1023px) { .roxy-error { gap: 24px; padding: 28px; margin-top: 28px; } }
@media(max-width:700px) {
    .roxy-page-error .containerView { padding-top: 0; }
    .roxy-error { grid-template-columns: minmax(0,1fr); gap: 24px; padding: 20px; margin: 24px auto 40px; border-radius: 22px; }
    .roxy-error--art { min-height: 150px; border-radius: 16px; }
    .roxy-error--code { font-size: 116px; }
    .roxy-error h1 { font-size: 31px; }
    .roxy-error--message { font-size: 15px; }
}