/* R11a: the established v2 tokens; all layout rules stay on the virtual price renderer. */
.r11a-price { background: #f1f5f0; color: #101a13; }
.r11a-price .led-price-hero { background: #0a100c; color: #f1f5f0; padding-block: clamp(48px, 6vw, 96px); }
.r11a-price h1 { font-size: clamp(30px, 4vw, 58px); max-width: 20ch; line-height: 1.15; margin: 16px 0 24px; }
.r11a-price h2 { font-size: clamp(25px, 2.6vw, 38px); line-height: 1.3; }
.r11a-price p, .r11a-price li { line-height: 1.65; }
.r11a-price .led-price-kicker { color: #89f11f; font-weight: 700; }
.r11a-price .led-price-hero > .r03-wrap > .row { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.r11a-price .row > div { min-width: 0; }
.r11a-price .led-price-lead { max-width: 65ch; font-size: 18px; }
.r11a-price .led-price-hero-actions { display: flex; align-items: flex-start; flex-direction: column; gap: 16px; margin-block: 28px; }
.r11a-price .r03-button { min-height: 48px; border: 0; border-radius: 8px; padding: 14px 22px; background: #89f11f; color: #0a100c; font: inherit; font-weight: 700; cursor: pointer; white-space: normal; text-align: center; }
.r11a-price .r03-button:hover { background: #b0fa6b; }
.r11a-price .led-price-summary { border: 1px solid #46623d; border-radius: 16px; padding: 28px; background: #101a13; }
.r11a-price .led-price-summary-title { font-size: 24px; margin: 0 0 20px; }
.r11a-price .led-price-summary ul { margin: 0; padding-left: 22px; }
.r11a-price .led-price-summary li + li { margin-top: 10px; }
.r11a-price .led-price-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 40px; }
.r11a-price .led-price-links a { display: inline-flex; align-items: center; min-height: 44px; border: 1px solid #46623d; border-radius: 999px; padding: 10px 16px; color: #f1f5f0; text-decoration: underline; text-underline-offset: 4px; }
.r11a-price .led-price-links a:hover { color: #89f11f; }
.r11a-price .section-title { margin: 0 0 32px; }
.r11a-price .led-price-table-wrap { overflow-x: auto; border: 1px solid #b8c9b3; border-radius: 12px; }
.r11a-price table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 16px; }
.r11a-price th { background: #101a13; color: #f1f5f0; text-align: left; }
.r11a-price td, .r11a-price th { padding: 20px; vertical-align: top; border-bottom: 1px solid #b8c9b3; }
.r11a-price tbody tr:nth-child(even) { background: #e6eee2; }
.r11a-price .led-price-factors { background: #e6eee2; }
.r11a-price .led-price-factors .row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.r11a-price .led-price-factor-card, .r11a-price .led-price-example-card { height: 100%; border: 1px solid #b8c9b3; border-radius: 12px; padding: 24px; background: #f1f5f0; }
.r11a-price .led-price-factor-title { font-size: 21px; margin: 0 0 16px; }
.r11a-price .led-price-factor-card p, .r11a-price .led-price-example-card p { margin-bottom: 0; }
.r11a-price .led-price-examples { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.r11a-price .led-price-example-size { color: #2f7208; font-size: 32px; font-weight: 700; }
.r11a-price .led-price-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 28px; background: #101a13; color: #f1f5f0; padding: 28px; border-radius: 12px; margin-top: 32px; }
.r11a-price .led-price-cta-title { font-size: 24px; font-weight: 700; }
.r11a-price .led-price-cta p { margin-bottom: 0; }
.r11a-price .led-price-faq-section { background: #e6eee2; }
.ledcompany-r03-screen-outdoor .r11a-price :focus-visible { outline: 3px solid #2f7208; outline-offset: 4px; }
.r11a-price .led-price-hero :focus-visible, .r11a-price .led-price-cta :focus-visible { outline-color: #89f11f; }
@media (max-width: 1024px) {
 .r11a-price .led-price-factors .row, .r11a-price .led-price-examples { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
 .r11a-price .led-price-hero > .r03-wrap > .row, .r11a-price .led-price-cta { grid-template-columns: minmax(0, 1fr); gap: 24px; }
 .r11a-price .led-price-summary, .r11a-price .led-price-cta { padding: 24px; }
 .r11a-price .led-price-cta .r03-button { width: 100%; }
}
@media (max-width: 480px) {
 .r11a-price .led-price-factors .row, .r11a-price .led-price-examples { grid-template-columns: minmax(0, 1fr); }
 .r11a-price .led-price-hero-actions .r03-button { width: 100%; }
 .r11a-price .led-price-links a { max-width: 100%; }
}
