@charset "UTF-8";
#manager-edit-product .jcf-select,
.js-add-product-manager-form .jcf-select {
	display: none;
}
#manager-edit-product .upload-img-input-box {
	margin: 10px 0 0;
    position: absolute;
}
.manager-create-form-title {
		font: bold 18px/24px var(--fonti);
		text-transform: uppercase;
		letter-spacing: normal;
		color: var(--deep-blue);
		margin: 0 0 30px 0;
}
.manager-create-form .grid {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
.manager-create-form .grid, .manager-create-form .grid > * {
		gap: 30px 0;
}
.manager-create-form .grid > * {
		display: flex;
		flex-direction: column;
		flex: 0 0 auto;
}
.manager-create-form .grid > * > * {
		flex: 0 0 auto;
		width: 100%;
}
.manager-create-form .grid-left {
		width: 37%;
		order: 1;
}
.manager-create-form .grid-right {
		width: calc(63% - 48px);
		order: 2;
}
.manager-create-form .grid-wide {
		order: 3;
		width: 100%;
}
.manager-create-form .form-add-files-list2 {
		margin-top: 15px;
}
.manager-create-form .form-add-files-area2 {
		height: 600px;
}
.manager-create-form .label {
		font-size: 15px;
		line-height: 20px;
		letter-spacing: -0.01em;
		color: var(--grey600);
		margin: 0 0 10px 0;
}
.manager-create-form .label.with-star:after {
		content: '';
		vertical-align: top;
		display: inline-block;
		background: url("../img/star-mini-green.svg") no-repeat 50% 50%;
		background-size: contain;
		width: 13px;
		height: 12px;
		position: relative;
		top: -3px;
		left: 5px;
		margin-right: -13px;
}
.manager-create-form .main-input {
	margin-top: 20px;
}
.manager-create-form .inputs {
		display: flex;
		gap: 10px;
}
.manager-create-form .inputs > *:not(.btn) {
		flex: 1;
}
.manager-create-form .inputs .btn {
		flex: 0 0 auto;
		padding: 0;
		width: 62px;
}
.manager-create-form .inputs .btn svg {
		width: 28px;
		height: 28px;
}
.manager-create-form .main-photo img {
	
}
.manager-create-form .main-photo img, .manager-create-form .main-color img {
		width: 100%;
		height: auto;
		border-radius: 6px;
}
.manager-create-form .main-color {
		margin-top: auto;
		height: 160px;
		position: relative;
}
.manager-create-form .main-color img {
		height: 100%;
		object-fit: cover;
		object-position: center;
}
.manager-create-form .main-color .text {
		position: absolute;
		top: 0;
		left: 0;
		font-weight: 600;
		font-size: 10px;
		line-height: 18px;
		padding: 5px 12px;
		letter-spacing: -0.02em;
		color: var(--white);
		background: #162848E5;
		border-radius: 2px;
		opacity: 0.9;
		margin: 12px;
}
.manager-create-form-submit {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 15px;
		margin: 60px 0 0 0;
		padding: 30px 0 0 0;
		border-top: 0.5px solid #C6CED9;
}
@media only screen and (min-width: 768px) {
		.manager-create-form-submit .btn {
				padding-left: 60px;
				padding-right: 60px;
				font-size: 16px;
		}
		.manager-create-form-submit .btn-orange, .manager-create-form-submit .btn-yellow {
				font-weight: bold;
		}
}
@media only screen and (min-width: 768px) {
		.modal-manager-edit-product {
				max-width: 750px;
		}
}
.modal-manager-edit-product .manager-create-form {
		padding: 30px 40px 45px 40px;
}
.modal-manager-edit-product .manager-create-form-title {
		font: 800 24px/40px var(--fontg);
		letter-spacing: -0.02em;
		color: var(--title);
		text-transform: none;
		padding: 0 0 20px 0;
		margin: 0 0 35px 0;
		border-bottom: 0.5px solid #C6CED9;
}
.modal-manager-edit-product .manager-create-form .grid-right {
		width: calc(63% - 30px);
}
.manager-create-form .grid, .manager-create-form .grid > * {
		gap: 20px 0;
}
.modal-manager-edit-product .manager-create-form .form-add-files-area2 {
		height: auto;
		flex: 1 0 auto;
}
.modal-manager-edit-product .manager-create-form .label {
		color: var(--grey800);
}