html {background-color: var(--brown-10)} body {background: none} .pswp .pswp__bg {background-color: var(--brown-10)} .pswp.brx .pswp__top-bar button.pswp__button--close svg {color: var(--brown-01)} .pswp.brx .pswp__top-bar button.pswp__button svg {width: 50px; height: 50px} .brxe-container {width: 1420px} .woocommerce main.site-main {width: 1420px} #brx-content.wordpress {width: 1420px} .bricks-button:where(.bricks-background-primary), .bricks-button:where(.bricks-color-primary) {font-size: var(--font-xl); border-radius: 8px} .bricks-button:where(.bricks-background-primary:not(.outline)) {background-color: var(--brwon-08)} .bricks-button:where(.bricks-background-dark:not(.outline)) {background-color: var(--brown-01)} .bricks-button:where(.bricks-background-dark), .bricks-button:where(.bricks-color-dark) {border-radius: 15px} body {font-family: "Amiri"} h1, h2, h3, h4, h5, h6 {font-family: "Amiri"; color: var(--brown-01)} h1 {color: var(--brown-01)} h2 {font-size: clamp(2.8rem, 4vw, 3.8rem); margin-bottom: 15px} .brxe-section {padding-right: var(--padding-l); padding-left: var(--padding-l)}