/* BREAKPOINT: Monitor (BASE) */ body {font-size: var(--wt-font-body); color: var(--wt-dark); font-family: "Poppins"} h1 {font-size: var(--wt-font-h1); font-family: "Poppins"; font-weight: 700} h2 {font-size: var(--wt-font-h2); font-family: "Poppins"; font-weight: 700} h3 {font-size: var(--wt-font-h3)} h4 {font-size: var(--wt-font-h4); font-weight: 700; font-family: "Poppins"} h5 {font-size: var(--wt-font-h5); font-family: "Poppins"; font-weight: 700} h6 {font-size: var(--wt-font-h6); font-family: "Poppins"; font-weight: 700} .brxe-container {width: 1366px; column-gap: var(--wt-gap-m); row-gap: var(--wt-gap-m)} .woocommerce main.site-main {width: 1366px} #brx-content.wordpress {width: 1366px}:root .bricks-color-primary {color: var(--wt-color-1)}:root .bricks-background-primary {background-color: var(--wt-color-1)}:root .bricks-color-secondary {color: var(--wt-color-1-l-1)}:root .bricks-background-secondary {background-color: var(--wt-color-1-l-1)}:root .bricks-color-light {color: var(--wt-color-1-t-15)}:root .bricks-background-light {background-color: var(--wt-color-1-t-15)}:root .bricks-color-dark {color: var(--wt-dark)}:root .bricks-background-dark {background-color: var(--wt-dark)} .brx-popup-content {padding-top: var(--wt-gap-l); padding-right: var(--wt-gap-l); padding-bottom: var(--wt-gap-l); padding-left: var(--wt-gap-l)} .bricks-button {font-size: var(--wt-font-body); font-family: "Poppins"; text-transform: uppercase; font-weight: 700; border: 2px solid var(--bricks-border-color); border-radius: var(--wt-radius-btn); transition: all .2s ease} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--wt-color-1)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--wt-color-2)} :root .bricks-button[class*="secondary"] {color: var(--wt-white); border-color: var(--wt-color-2)} :root .bricks-button[class*="primary"] {color: var(--wt-white)} :root .bricks-button[class*="primary"]:not(.outline):hover {background-color: var(--wt-color-1-l-1)} :root .bricks-button[class*="secondary"]:not(.outline):hover {background-color: var(--wt-color-2-l-1)} .bricks-button:hover {box-shadow: 0 6px 20px 0 rgba(47, 45, 46, 0.15)} :root .bricks-button[class*="secondary"]:hover {color: var(--wt-dark); border-color: var(--wt-color-2-l-1)} .brxe-section {padding-top: var(--wt-gap-3xl); padding-right: var(--wt-gap-xs); padding-bottom: var(--wt-gap-3xl); padding-left: var(--wt-gap-xs)}/* BREAKPOINT: Telefon poziomo */@media (max-width: 767px) { .brxe-section {padding-right: var(--wt-gap-m); padding-left: var(--wt-gap-m)}}/* BREAKPOINT: Telefon pionowo */@media (max-width: 478px) { .brxe-container {row-gap: var(--wt-gap-xl)}}