/* Start:/local/templates/main_2026/css/favorite.css?17872119082854*/
.product_list__tools {text-align: center;}
.favorite {display: flex; flex-wrap: wrap; gap: 30px 10px; margin: 0 0px 40px; width: 100%;}
.favorite .top {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; gap: 20px; margin: 0 10px;}
.popup_form {z-index: 10000;}
.popup_form .popup-inner {width:100%; height: 100%; box-sizing: border-box; overflow-y: auto; padding: 40px 25px;}
.popup_form.add-result {display: block}
.form {width: 360px; margin: 0 auto; max-width: 100%}
.form .title {font-weight: 500; font-size: 24px; line-height: 100%; letter-spacing: -2%; text-align: center; margin-bottom: 30px}
.form .btn {display: block; margin: 0 auto;}
.form .field {position: relative; margin-bottom: 20px; clear:left}
.form .field.half {width: calc(50% - 20px); float: left; clear: none;}
.form .field.date {margin-right: 20px; width: 50%}
.form .field.rules {display: flex; gap: 16px}
.form .field input[type="date"], .form .field input[type="time"] { -webkit-appearance: none; appearance: none; line-height: normal;}
.form .field input:not([type='checkbox']), .form .field textarea {width: 100%; height: 48px; padding: 12px 16px; border: 1px solid #D9D9D9; border-radius: 50px; font-size: 16px; background: #fff; outline: none; box-sizing: border-box;}
.form .field textarea {    min-height: 150px; height: fit-content; border-radius: 23px;}
.form .field input:focus, .form .field textarea:focus {border-color: #DAA752}
.form .field input.error, .form .field textarea.error {border-color: red}
.form .field label {position: absolute; left: 16px; top: 13px; color: #231F20; font-size: 16px; pointer-events: none; transition: all 0.2s ease; background: #fff; padding: 0 4px;}
.form .field input:focus + label, .form .field input:not(:placeholder-shown) + label,
.form .field textarea:focus + label, .form .field textarea:not(:placeholder-shown) + label {top: -8px; left: 12px; font-size: 12px; color: #231F20;}
.form .field input[type="date"] {font-family: Manrope;}

.form .field.rules p {font-family: Manrope; font-weight: 300; color: #AAAFB2; font-size: 12px; line-height: 100%; letter-spacing: 0px; margin: 0;}
.form .rules {display: flex; justify-content: center; align-items: center;}
.form .rules a {color:#BC8E3D}
#err .popup-inner {height: auto}

@media (min-width: 992px) {
	.favorite {gap: 40px 20px;}
	.favorite .top {justify-content: space-between;}
	.favorite .top .left {width: calc(75% - 20px); font-size: 16px;}
	.favorite .top .right {width: 25%; padding: 0 10px; box-sizing: border-box; text-align: right;}
	.favorite .top .right .btn {width: 100%}

	.popup_form .popup-inner {padding: 40px; max-width:590px; max-height: 80%;}
	.popup_form.add-result .popup-inner {max-height: 200px}
	.form .title {font-size: 32px; margin-bottom: 35px}

	h1.h1_text_main.h1_text_main--catalog {margin-bottom: 20px;}
}
/* End */
/* /local/templates/main_2026/css/favorite.css?17872119082854 */