/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

p {
	margin: 0;
}

ul {
	padding-inline-start: 20px;
}

*:focus-visible {
	outline: none!important;
}

/* Main */

.main-shadow {
	box-shadow: var(--main-shadow);
}

.second-shadow {
	box-shadow: var(--second-shadow);
}

body.theme-bricks .brx-popup .brx-popup-backdrop {
	background-color: rgba(217, 217, 217, 0.32);
	backdrop-filter: blur(32.5px);
}

body.theme-bricks .bricks-button {
	cursor: pointer;
}

input {
	accent-color: var(--color-4);
}

input[type="radio"],
input[type=checkbox] {
	box-shadow: none!important;
}

/* Button */

body.theme-bricks .bricks-button {
	border-radius: 0 var(--buttons-br-d) var(--buttons-br-d) var(--buttons-br-d);
}

body.theme-bricks .bricks-background-primary {
	padding: 21px 30px;
}

body.theme-bricks .bricks-background-secondary {
	padding: 11px 21px;
}

body.theme-bricks .bricks-background-light {
	padding: 19px 28px;
	border: 2px solid var(--color-1);
}

/* Input Checkbox */

body.theme-bricks .brxe-form li:has(input[type=checkbox]),
body.theme-bricks .brxe-form li:has(input[type=radio]) {
	position: relative;
	height: 22px;
	margin-bottom: 5px;
}

body.theme-bricks .brxe-form li:has(input[type=checkbox]) label,
body.theme-bricks .brxe-form li:has(input[type=radio]) label,
body.theme-bricks label:has(input[type=checkbox]),
body.theme-bricks label:has(input[type=radio]),
body.theme-bricks.woocommerce-checkout #brx-content .wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout {
	padding-left: 30px;
	position: relative;
	z-index: 2;
	line-height: 22px;
	font-weight: 400;
}

body.theme-bricks label:has(input[type=checkbox]) > svg,
body.theme-bricks label:has(input[type=checkbox]) input[type=checkbox],
body.theme-bricks .brxe-form input[type=checkbox],
body.theme-bricks .brxe-form input[type=radio],
body.theme-bricks.woocommerce-checkout #brx-content .wc-block-checkout__payment-method .wc-block-components-radio-control__option:before,
body.theme-bricks.woocommerce-checkout #brx-content .wc-block-checkout__payment-method .wc-block-components-radio-control__option:after,
body.theme-bricks.woocommerce-checkout #brx-content .wc-block-components-radio-control__input {
	display: none!important;
}

body.theme-bricks .brxe-form li:has(input[type=checkbox]):before,
body.theme-bricks label:has(input[type=checkbox]):before,
body.theme-bricks .brxe-form li:has(input[type=radio]):before,
body.theme-bricks label:has(input[type=radio]):before,
body.theme-bricks.woocommerce-checkout #brx-content .wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout:before {
	content: "";
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
}

body.theme-bricks .brxe-form li:has(input[type=checkbox]):before,
body.theme-bricks label:has(input[type=checkbox]):before {
	border: 1px solid var(--color-1);
	background-color: var(--color-6);
	border-radius: 0;
}

body.theme-bricks .brxe-form li:has(input[type=checkbox]):hover:before,
body.theme-bricks label:has(input[type=checkbox]):hover:before {
	background-color: var(--color-5);
}

body.theme-bricks .brxe-form li:has(input[type=radio]):before,
body.theme-bricks label:has(input[type=radio]):before,
body.theme-bricks.woocommerce-checkout #brx-content .wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout:before {
	border: 1px solid var(--color-4);
	border-radius: 50%;
}

body.theme-bricks .brxe-form li:has(input[type=checkbox]):after,
body.theme-bricks label:has(input[type=checkbox]):after,
body.theme-bricks .brxe-form li:has(input[type=radio]):after,
body.theme-bricks label:has(input[type=radio]):after,
body.theme-bricks.woocommerce-checkout #brx-content .wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout::after {
	content: "";
	position: absolute;
	opacity: 0;
	display: block!important;
}

body.theme-bricks .brxe-form li:has(input[type=checkbox]):after,
body.theme-bricks label:has(input[type=checkbox]):after {
	width: 11px;
	height: 6px;
	top: 5px;
	left: 5px;
	border: 2px solid var(--color-4);
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
}

body.theme-bricks .brxe-form li:has(input[type=radio]):after,
body.theme-bricks label:has(input[type=radio]):after,
body.theme-bricks.woocommerce-checkout #brx-content .wc-block-checkout__payment-method .wc-block-components-radio-control__option .wc-block-components-radio-control__option-layout:after {
	width: 14px;
	height: 14px;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background-color: var(--color-4);
}

body.theme-bricks .brxe-form li:has(input[type=checkbox]:checked):after,
body.theme-bricks label:has(input[type=checkbox]:checked):after,
body.theme-bricks .brxe-form li:has(input[type=radio]:checked):after,
body.theme-bricks label:has(input[type=radio]:checked):after,
body.theme-bricks.woocommerce-checkout #brx-content .wc-block-checkout__payment-method .wc-block-components-radio-control__option-checked .wc-block-components-radio-control__option-layout:after {
	opacity: 1;
}

body.theme-bricks .brxe-form li:has(input[type=checkbox]):before,
body.theme-bricks .brxe-form li:has(input[type=checkbox]):after,
body.theme-bricks .brxe-form li:has(input[type=radio]):before,
body.theme-bricks .brxe-form li:has(input[type=radio]):after {
	margin-top: 3px;
}

/* Single Post */

body.theme-bricks.single-post #post-content h2 {
	font-size: var(--h5-size-d);
	color: var(--color-4);
	font-family: var(--main-font);
	font-weight: 500;
	line-height: var(--h5-line-height);
}

/* Form Input */

body.theme-bricks form input,
body.theme-bricks form input:active,
body.theme-bricks form input:focus,
body.theme-bricks form input:focus-visible,
body.theme-bricks form textarea,
body.theme-bricks form textarea:active,
body.theme-bricks form textarea:focus,
body.theme-bricks form textarea:focus-visible,
body.theme-bricks form select,
body.theme-bricks form select:active,
body.theme-bricks form select:focus,
body.theme-bricks form select:focus-visible {
	outline: none!important;
	box-shadow: none!important;
	border: 1px solid var(--color-1);
	border-radius: var(--input-br)!important;
	background-color: #ffffff!important;
}

body.theme-bricks form input::placeholder,
body.theme-bricks form textarea::placeholder,
body.theme-bricks form select::placeholder {
	color: var(--color-7);
}

body.theme-bricks form input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
	-webkit-text-fill-color: inherit !important;
	transition: background-color 50000s ease-in-out 0s !important;
}

body.theme-bricks form input:hover,
body.theme-bricks form textarea:hover,
body.theme-bricks form select:hover {
	box-shadow: var(--main-shadow)!important;
}

/* Testimonials Slider */

body.theme-bricks #slider-testimonial .splide__arrow {
	display: none;
}

body.theme-bricks #slider-testimonial .splide__pagination {
	width: max-content;
	margin: 0 auto;
	max-width: 150px;
}

body.theme-bricks #slider-testimonial .splide__pagination::before,
body.theme-bricks #slider-testimonial .splide__pagination::after,
body.theme-bricks #slider-testimonial .splide__transparent-before,
body.theme-bricks #slider-testimonial .splide__transparent-after {
	display: block;
	position: absolute;
	left: -60px;
	width: 42px;
	height: 42px;
}

body.theme-bricks #slider-testimonial .splide__pagination::before,
body.theme-bricks #slider-testimonial .splide__pagination::after {
	content: "";
	background-image: url('https://svitanok.valko.pro/wp-content/uploads/2025/02/arrow-circle-left.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

body.theme-bricks #slider-testimonial .splide__transparent-before,
body.theme-bricks #slider-testimonial .splide__transparent-after {
	cursor: pointer;
	z-index: 1;
	pointer-events: auto;
}

body.theme-bricks #slider-testimonial .splide__transparent-after {
	left: auto;
	right: -60px;
}

body.theme-bricks #slider-testimonial .splide__pagination::after {
	left: auto;
	right: -60px;
	background-image: url('https://svitanok.valko.pro/wp-content/uploads/2025/02/arrow-circle-right.svg');
}

/* Woocommerce */

body.theme-bricks.woocommerce-checkout #brx-content,
body.theme-bricks.woocommerce-account #brx-content,
body.theme-bricks.woocommerce-cart #brx-content {
	width: 100%;
	max-width: 1600px;
	padding: var(--section-top-spac-d) 80px 0;
	margin: 0 auto;
}

body.theme-bricks.woocommerce-checkout #brx-content *,
body.theme-bricks.woocommerce-account #brx-content *,
body.theme-bricks.woocommerce-cart #brx-content * {
	border-color: var(--color-4)!important;
}

body.theme-bricks.woocommerce-checkout #brx-content input,
body.theme-bricks.woocommerce-account #brx-content input,
body.theme-bricks.woocommerce-cart #brx-content input,
body.theme-bricks.woocommerce-checkout #brx-content select,
body.theme-bricks.woocommerce-account #brx-content select,
body.theme-bricks.woocommerce-cart #brx-content select,
body.theme-bricks.woocommerce-checkout #brx-content textarea,
body.theme-bricks.woocommerce-account #brx-content textarea,
body.theme-bricks.woocommerce-cart #brx-content textarea,
body.theme-bricks.woocommerce-page #brx-content .select2 * {
	border-color: var(--color-1)!important;
}

body.theme-bricks.woocommerce-page #brx-content .select2-selection--single {
	outline: none!important;
	box-shadow: none!important;
	border: 1px solid var(--color-1);
	border-radius: var(--input-br);
	background-color: #ffffff!important;
}

body.theme-bricks.woocommerce-page #brx-content .select2-selection__arrow > b {
	border-color: #888 transparent transparent transparent!important;
}

body.theme-bricks.woocommerce-page #brx-content  .select2-container--open .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent!important;
	border-width: 0 4px 5px 4px;
}

body.theme-bricks.woocommerce-page #brx-content h1 {
	padding-bottom: 70px;
}

body.theme-bricks.woocommerce-page #brx-content .wc-block-components-sidebar-layout .wc-block-components-main {
	padding-right: 0;
	width: 100%;
}

body.theme-bricks.woocommerce-page #brx-content .alignwide {
	max-width: 100%;
	width: 100%;
	margin-left: 0;
}

body.theme-bricks.woocommerce-page #brx-content .wc-block-cart-item__image,
body.theme-bricks.woocommerce-page #brx-content .wc-block-cart-items__header-product {
	display: none;
}

body.theme-bricks.woocommerce-page #brx-content .wc-block-cart-items__header-image {
	text-align: start;
	padding-left: 16px;
}

body.theme-bricks.woocommerce-page .wp-element-button {
	border-radius: 0 var(--buttons-br-d) var(--buttons-br-d) var(--buttons-br-d);
	padding: 21px 30px;
	background-color: var(--color-1);
	color: var(--color-6);
	width: max-content;
	line-height: var(--text-normal-line-height)!important;
}

body.theme-bricks.woocommerce-page .wp-element-button[disabled] {
	background-color: var(--color-8);
}

body.theme-bricks.woocommerce-page .wp-element-button[disabled] > span {
	opacity: 1;
}

body.theme-bricks.woocommerce-page .woocommerce-info {
	flex-wrap: wrap;
	gap: 30px;
	border-radius: 5px;
}

body.theme-bricks.woocommerce-page #brx-content .wc-block-components-button--loading > span:first-of-type {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Woocommerce Cart */

body.theme-bricks.woocommerce-cart #brx-content .wc-block-cart__totals-title {
	padding: 16px;
	font-size: var(--h5-size-d);
}

body.theme-bricks.woocommerce-cart .wc-block-cart__submit-button {
	display: block;
	margin: 20px 0 0 auto;
}

body.theme-bricks.woocommerce-page #brx-content .wc-block-cart {
	justify-content: flex-end;
	margin: 0 auto;
	max-width: 1100px;
}

body.theme-bricks.woocommerce-cart #brx-content .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.theme-bricks.woocommerce-cart #brx-content .wc-block-cart__totals-title,
body.theme-bricks.woocommerce-cart #brx-content .wc-block-components-totals-footer-item .wc-block-formatted-money-amount,
body.theme-bricks.woocommerce-cart #brx-content .wc-block-cart-items__header span {
	color: var(--color-1);
}

body.theme-bricks.woocommerce-cart #brx-content .wc-block-components-sidebar {
	margin-top: 50px;
	padding: 30px;
	background-color: var(--color-5);
	border-radius: 0 var(--br-size-m) var(--br-size-m) var(--br-size-m);
	box-shadow: var(--main-shadow);
	width: 100%;
	max-width: 600px;
}

body.theme-bricks.woocommerce-cart #brx-content .wc-block-components-button--loading > span {
	color: var(--color-6)!important;
}

/* Woocommerce Checkout */

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce {
	background-color: var(--color-5);
	border-radius: var(--br-size-x);
	box-shadow: var(--main-shadow);
	padding: 75px!important;
}

body.theme-bricks.woocommerce-checkout.woocommerce-order-received #brx-content .woocommerce {
	max-width: 1100px;
	border-radius: 0 var(--br-size-x) var(--br-size-x) var(--br-size-x);
	padding: 0!important;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .before-checkout,
body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .woocommerce-notices-wrapper {
	display: none;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce #payment,
body.theme-bricks.woocommerce-checkout #brx-content .woocommerce form,
body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .shop_table * {
	padding: 0;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce h3,
body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .shop_table * {
	padding-bottom: 20px;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .shop_table th:last-of-type,
body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .shop_table td:last-of-type {
	text-align: end;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .shop_table tfoot th {
	text-align: start!important;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .shop_table tfoot * {
	font-weight: 700;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .woocommerce-checkout {
	display: flex;
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .woocommerce-checkout .wc_payment_method label {
	font-size: var(--h6-size-d);
	color: var(--color-7);
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce * {
	font-weight: 400;
	border: none;
	box-shadow: none;
	margin: 0;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce h3 {
	font-size: var(--h4-size-d);
	color: var(--color-1);
	font-weight: 500;
	font-family: var(--main-font);
	line-height: var(--h4-line-height);
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce #payment .wc_payment_methods,
body.theme-bricks.woocommerce-checkout #brx-content .woocommerce input,
body.theme-bricks.woocommerce-checkout #brx-content .woocommerce textarea {
	border: 1px solid var(--color-1)!important;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce #payment .wc_payment_methods {
	background-color: var(--color-6);
	padding: 20px!important;
	border-radius: var(--input-br);
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce #payment .wc_payment_methods * {
	background-color: transparent;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce label {
	color: var(--color-8);
	margin-bottom: 5px;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .woocommerce-billing-fields__field-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 30px;
	column-gap: 20px;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .woocommerce-billing-fields__field-wrapper > p {
	width: 100%;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce button {
	border-radius: 0 var(--buttons-br-d) var(--buttons-br-d) var(--buttons-br-d);
	padding: 21px 30px;
	background-color: var(--color-1);
	color: var(--color-6);
	width: max-content;
	line-height: var(--text-normal-line-height)!important;
	margin-left: auto;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce-billing-fields,
body.theme-bricks.woocommerce-checkout #brx-content .woocommerce-additional-fields,
body.theme-bricks.woocommerce-checkout #brx-content .woocommerce-checkout-review-order-table {
	margin-bottom: 40px;
}

body.theme-bricks.woocommerce-checkout #brx-content .woocommerce-privacy-policy-text {
	margin: 20px 0;
}

/* Woocommerce Account */

body.theme-bricks.woocommerce-account .woocommerce-MyAccount-navigation {
	height: max-content;
	padding: 30px;
	background-color: var(--color-5);
	border-radius: 0 var(--br-size-m) var(--br-size-m) var(--br-size-m);
	box-shadow: var(--main-shadow);
}

body.theme-bricks.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link > a {
	color: var(--color-1);
	font-weight: 600;
}

body.theme-bricks.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link > a:hover,
body.theme-bricks.woocommerce-account .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.is-active > a {
	color: var(--color-4);
}

body.theme-bricks.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--color-4);
}

body.theme-bricks.woocommerce-account #brx-content .button {
	border-radius: 0 var(--buttons-br-d) var(--buttons-br-d) var(--buttons-br-d);
	padding: 16px 30px;
	background-color: var(--color-1);
	color: var(--color-6)!important;
	width: max-content;
	font-weight: 400;
	display: block;
	margin-left: auto;
}

body.theme-bricks.woocommerce-account .form-row-wide {
	margin-bottom: 10px;
}

/* Woocommerce Login Page */

body.theme-bricks.woocommerce-account .lost_reset_password,
body.theme-bricks.woocommerce-account #customer_login {
	grid-template-columns: 1fr;
	max-width: 600px;
	margin: 0 auto;
}

body.theme-bricks.woocommerce-account .lost_reset_password,
body.theme-bricks.woocommerce-account #customer_login > div form {
	padding: 30px;
	background-color: var(--color-5);
	border: none;
	border-radius: 0 var(--br-size-m) var(--br-size-m) var(--br-size-m);
	box-shadow: var(--main-shadow);
}

/* Woocommerce Thank You Page */

body.theme-bricks.woocommerce-order-received .woocommerce-order {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	row-gap: 0;
	column-gap: 80px;
}

body.theme-bricks.woocommerce-order-received .woocommerce-order > * {
	width: 100%;
}

body.theme-bricks.woocommerce-order-received .woocommerce-order > p:nth-child(3),
body.theme-bricks.woocommerce-order-received .woocommerce-order .woocommerce-order-overview {
	order: -1;
}

body.theme-bricks.woocommerce-order-received .woocommerce-order .woocommerce-customer-details {
	width: 100%;
	max-width: 600px;
	margin: 0 0 0 auto;
}

body.theme-bricks.woocommerce-order-received .woocommerce-customer-details address {
	padding: 30px;
	background-color: var(--color-5);
	border: none;
	border-radius: 0 var(--br-size-m) var(--br-size-m) var(--br-size-m);
	box-shadow: var(--main-shadow);
}

body.theme-bricks.woocommerce-order-received .woocommerce-order-details .woocommerce-table * {
	background-color: transparent!important;
	border: none!important;
}

body.theme-bricks.woocommerce-order-received .woocommerce-notice {
	margin: 60px 0;
	font-family: var(--accent-font);
	font-size: 30px;
	font-style: italic;
}

/* Mini Cart */

#custom-mini-cart:has(.cart-count.show) ~ .brxe-icon {
	opacity: 1;
	z-index: 1;
}

#custom-mini-cart .cart-count {
	opacity: 0!important;
}


#custom-mini-cart .cart-count.show {
	opacity: 1!important;
	z-index: 3;
}

#custom-mini-cart .wp-post-image {
	display: none;
}

#custom-mini-cart .buttons {
	grid-auto-flow: row;
}

#custom-mini-cart .buttons .button {
	border: 2px solid var(--color-1);
}

#custom-mini-cart .cart-detail .buttons > a.button:first-of-type {
	background-color: var(--color-2);
	color: var(--color-1);
}

#custom-mini-cart .cart-detail {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	max-width: 320px;
	border: none;
	border-radius: 0 0 var(--br-size-m) var(--br-size-m);
}

#custom-mini-cart .woocommerce-mini-cart-item a:last-of-type {
	font-size: var(--h5-size-m);
	color: var(--color-4);
	font-family: var(--main-font);
	font-weight: 500;
	line-height: var(--h5-line-height);
}

#custom-mini-cart .amount,
#custom-mini-cart .woocommerce-mini-cart__empty-message {
	color: var(--color-1);
	font-size: var(--h4-size-m);
	font-family: var(--main-font);
	font-weight: 500;
	line-height: var(--h4-line-height-m);
}

#custom-mini-cart .total strong {
	font-weight: 400!important;
	font-size: 18px;
	color: var(--bricks-text-light);
}

/* Carousel Customization */

@media (min-width: 1980px) {
	body.theme-bricks #custom-carousel {
		position: relative;
	}

	body.theme-bricks #custom-carousel::before,
	body.theme-bricks #custom-carousel::after {
		content: '';
		display: block!important;
		z-index: 2;
		position: absolute;
		top: 0!important;
		left: -10px;
		width: 200px;
		height: 100%;
		background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0) 100%);
	}

	body.theme-bricks #custom-carousel::after {
		left: auto;
		right: -10px;
		background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 40%, rgba(255, 255, 255, 0) 100%);
	}
}

/* Response */

@media (max-width: 1280px) {

	/* Single Post */

	body.theme-bricks.single-post #post-content h2 {
		font-size: var(--h5-size-m);
	}

	/* Button */

	body.theme-bricks .bricks-button {
		border-radius: 0 var(--buttons-br-m) var(--buttons-br-m) var(--buttons-br-m);
	}

	body.theme-bricks .bricks-background-primary {
		padding: 11px 21px;
	}

	body.theme-bricks .bricks-background-secondary {
		padding: 12px 26px;
	}

	body.theme-bricks .bricks-background-light {
		padding: 9px 19px;
	}

	/* Woocommerce */

	body.theme-bricks.woocommerce-checkout #brx-content,
	body.theme-bricks.woocommerce-account #brx-content,
	body.theme-bricks.woocommerce-cart #brx-content {
		padding: var(--section-top-spac-m) 40px 0;
	}

	body.theme-bricks.woocommerce-page #brx-content h1 {
		padding-bottom: 40px;
	}

	/* Woocommerce Account */

	body.theme-bricks.woocommerce-account .woocommerce-MyAccount-navigation {
		padding: 10px 0;
	}
}

@media (max-width: 991px) {
	/* Woocommerce Checkout */

	body.theme-bricks.woocommerce-checkout #brx-content .woocommerce {
		padding: 30px !important;
		border-radius: var(--br-size-m);
	}
}

@media (max-width: 767px) {
	/* Woocommerce */

	body.theme-bricks.woocommerce-checkout #brx-content,
	body.theme-bricks.woocommerce-account #brx-content,
	body.theme-bricks.woocommerce-cart #brx-content {
		padding-right: 20px;
		padding-left: 20px;
	}

	/* Woocommerce Account */

	body.theme-bricks.woocommerce-account .woocommerce-MyAccount-navigation ul li {
		text-align: center;
	}

	/* Woocommerce Cart */

	body.theme-bricks.woocommerce-cart #brx-content .wc-block-cart-items__header-total,
	body.theme-bricks.woocommerce-cart #brx-content .wc-block-cart-item__total {
		display: none;
	}

	body.theme-bricks.woocommerce-cart #brx-content .wc-block-cart-item__product {
		grid-column-start: 1;
	}

	/* Woocommerce Cart */

	body.theme-bricks.woocommerce-cart #brx-content .wc-block-components-sidebar {
		padding: 30px 20px !important;
	}

	/* Woocommerce Checkout */

	body.theme-bricks.woocommerce-checkout #brx-content .woocommerce {
		padding: 30px 20px !important;
	}

	body.theme-bricks.woocommerce-checkout #brx-content .checkout-order-summary-block-fill-wrapper {
		display: none;
	}

	body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .woocommerce-checkout .wc_payment_method label {
		font-size: 16px;
		padding-bottom: 0;
	}

	body.theme-bricks.woocommerce-checkout #brx-content .woocommerce .woocommerce-billing-fields__field-wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width: 478px) {
	/* Woocommerce */

	body.theme-bricks.woocommerce-checkout #brx-content,
	body.theme-bricks.woocommerce-account #brx-content,
	body.theme-bricks.woocommerce-cart #brx-content {
		padding-right: 10px;
		padding-left: 10px;
	}

	/* Woocommerce Login Page */

	body.theme-bricks.woocommerce-account .lost_reset_password,
	body.theme-bricks.woocommerce-account #customer_login > div form {
		padding: 30px 10px;
	}

	/* Woocommerce Cart */

	body.theme-bricks.woocommerce-cart #brx-content .wc-block-components-sidebar {
		padding: 30px 10px !important;
	}

	/* Woocommerce Checkout */

	body.theme-bricks.woocommerce-checkout #brx-content .woocommerce {
		padding: 30px 10px !important;
	}
}