:root { --color-accent: #9f6f3d; --bricks-color-accent: var(--color-accent);} html {background-color: #eceff3} body {background: none} .brxe-container {width: 1400px} .woocommerce main.site-main {width: 1400px} #brx-content.wordpress {width: 1400px} .brxe-section {padding-top: 50px; padding-right: 10px; padding-bottom: 50px; padding-left: 10px} body {font-family: "Mulish"; line-height: 1.5; color: #6b7280; font-size: 1.6rem} h1, h2, h3, h4, h5, h6 {font-weight: 700; line-height: 1.2; color: #111827} h1 {line-height: 1.1; letter-spacing: -0.02em; font-weight: 800; font-size: clamp(36px, 6vw, 64px)} h2 {line-height: 1.15; font-size: clamp(32px, 5vw, 48px); font-weight: 800} h3 {font-weight: 700; line-height: 1.2; font-size: clamp(24px, 4vw, 32px)} h4 {line-height: 1.3; font-weight: 700; font-size: clamp(20px, 3.5vw, 28px)} h5 {font-size: clamp(18px, 2.5vw, 22px); font-weight: 600; line-height: 1.4} h6 {font-size: clamp(16px, 2vw, 18px); font-weight: 600; line-height: 1.5; letter-spacing: 0.05em; text-transform: uppercase} .bricks-button {font-size: 1.5rem}:where(:root) .bricks-color-primary {color: #2d344a}:where(:root) .bricks-background-primary {background-color: #2d344a}@media (max-width: 478px) { .brxe-section {padding-top: 30px; padding-bottom: 30px}}