:root {
	--angle-inclination-common: 8deg;
}
ul.products{
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
}

ul.products *{
    text-decoration: none;
}

input[type="submit"]:disabled{
    opacity: .3;
}

.page-id-1886 .site-main{
	margin-right: 0 !important;
}

.page-id-1886 .wp-block-column{
	min-height: 80vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.page-id-1886 .woocommerce ul{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap:25px;
	align-items: baseline;
}

.page-id-1886 .woocommerce ul li{
	width: 100% !important;
	margin: 0 !important;
}

.page-id-1886 a.wp-block-button__link{
	border: 1px solid #333342;
	transform: skew(calc(-1* var(--angle-inclination-common)));
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.page-id-1886 a.wp-block-button__link svg path{
	transition: fill 0.3s ease-in-out;
}

.page-id-1886 a.wp-block-button__link:hover{
	color: #fff !important;
	background-color: #333342 !important;
}

.page-id-1886 .wp-block-column p{
	font-size: clamp(17px, 1vw, 30px);
	margin-bottom: 0;
}

.page-id-1886 a.wp-block-button__link:hover svg path{
	fill: #fff;
}

.page-id-1886 h1{
	font-size: clamp(23px, 4vw, 50px);
    font-weight: 500 !important;
}

.wpcf7 form.init .wpcf7-response-output{
	display: none !important;
}

/* Виджет MAX */
.max-button{
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #d81b2a;
	position: fixed;
	z-index: 10150;
	right: 54px;
    bottom: 130px;
	box-shadow: 0 0 0px 7px rgba(216, 27, 42, .1);
}
.max-button.pulse-container{
	background: #fff0;
    border: 1px solid #d81b2a;
    animation: widgetPulseCustom infinite 1.5s 1s;
    animation-duration: 3s;
    z-index: -1;
    width: 54px;
    height: 54px;
}

@keyframes widgetPulseCustom{
	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(2, 2);
		transform: scale(2, 2);
		opacity: 0;
	}
}

.max-button a{
	display: block;
    width: 100%;
    height: 100%;

    font-size: 0;

    background-color: white;

    -webkit-mask: url("/wp-content/uploads/2026/09/max_logo.svg") center / 50% no-repeat;
    mask: url("/wp-content/uploads/2026/09/max_logo.svg") center / 50% no-repeat;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}