/* Package Protection page — additions on top of route-protection.css (layout shared). */
.sp-stock { padding-block: clamp(40px, 6vw, 72px); }
.sp-stock__grid { display: grid; gap: 14px; max-width: var(--vrl-container-max); margin: 26px auto 0; padding-inline: var(--vrl-gutter); }
.sp-stock__grid > div { display: grid; gap: 6px; padding: 20px 22px; border-radius: 16px; background: var(--vrl-white); border: 1px solid var(--vrl-border); box-shadow: var(--vrl-inset-hi), var(--vrl-shadow-sm); }
.sp-stock__grid b { font-family: var(--vrl-font-display); font-size: 26px; letter-spacing: -.02em; color: var(--vrl-savings); }
.sp-stock__grid span { font-size: 14.5px; line-height: 1.5; color: var(--vrl-fg-subtle); }
.sp-route-note .route-optout { background: var(--vrl-bg-subtle); }
@media (min-width: 720px) { .sp-stock__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* "Protected" block on order pages (plugin output) */
.vrlp-order { --o-navy: var(--vrl-navy, #010f2d); --o-green: var(--vrl-savings, #15803d); --o-green-bg: var(--vrl-savings-bg, #f0fdf4); --o-green-line: var(--vrl-savings-border, #bbf7d0); display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: start; margin: 0 0 22px; padding: 16px 18px; border-radius: 14px; border: 1px solid var(--o-green-line); background: linear-gradient(135deg, var(--o-green-bg), #fff 70%); font-family: var(--vrl-font-ui, Manrope, system-ui, sans-serif); }
.vrlp-order--off { border-color: var(--vrl-border, #e4e7ec); background: var(--vrl-bg-subtle, #f5f7fa); }
.vrlp-order__icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--o-navy); color: #bfe6c9; }
.vrlp-order--off .vrlp-order__icon { background: #cfd6e2; color: #fff; }
.vrlp-order__icon svg { width: 24px; height: 24px; }
.vrlp-order__copy { display: grid; gap: 6px; }
.vrlp-order__copy small { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--o-green); }
.vrlp-order--off .vrlp-order__copy small { color: var(--vrl-fg-muted, #6d7484); }
.vrlp-order__copy strong { font-size: 16px; color: var(--vrl-fg-base, #181b21); }
.vrlp-order__copy span { font-size: 14px; line-height: 1.5; color: var(--vrl-fg-subtle, #4c5260); }
.vrlp-order__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
.vrlp-order__actions .btn { min-height: 42px; }