/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 27 2026 | 10:35:48 */
.custom-size-selection-form {
	border: 1px solid #dadada;
    border-radius: 10px;
	padding: 20px 40px;
	width: 40%;
	min-width: 400px;
	font-family: var(--e-global-typography-secondary-font-family);
	color: var(--e-global-color-text);
	text-align: center;
}

.custom-size-selection-form .add-to-cart-button {
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
	font-weight: 700;
	color: var(--e-global-color-primary);
    font-size: 15px;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    line-height: 1em;
    word-spacing: 0px;
    border-radius: 50px 50px 50px 50px;
    padding: 20px 35px 20px 35px;
}

.custom-size-selection-form table {
	margin: 0 0 40px;
}

.custom-size-selection-form tbody {
	font-size: 18px;
}

.custom-size-selection-form tr {
	border: none;
}

.custom-size-selection-form thead tr th {
	padding-top: 10px;
	padding-bottom: 10px;
}

.custom-size-selection-form tr th, td {
	text-align: center;
}

/*.custom-size-selection-form .quantity-in-stock {
	text-align: right;
    padding-right: 20px;
	line-height: 1.2;
}*/

.custom-size-selection-form .quantity-in-stock {
	text-align: left;
    padding-left: 10px;
	line-height: 1.2;
}

.custom-size-selection-form table tr th:first-child, 
.custom-size-selection-form table tr td:first-child {
	text-align: left;
	width: 34%;
}

.custom-size-selection-form tr td:nth-child(2), .custom-size-selection-form tr th:nth-child(2), 
.custom-size-selection-form tr td:last-child, .custom-size-selection-form tr th:last-child {
	width: 33%;
}

.custom-size-selection-form .size-secondary {
    font-size: 0.7em; /* Размер шрифта в 2 раза меньше */
    display: block; /* Начинаем с новой строки */
    margin-top: -2px; /* Отступ сверху для визуального разделения */
}

.custom-size-selection-form tbody td input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.custom-size-selection-form tbody tr td input[type='number'] {
    -moz-appearance: textfield;
}

.custom-size-selection-form input[type='number'].quantity-input {
	border: 0;
    border-bottom: 1px solid var(--e-global-color-accent);
    background: none;
    text-align: center;
    color: var(--e-global-color-accent);
    padding: 0;
    width: 80px;
	font-family: var(--e-global-typography-secondary-font-family);
	font-size: 18px;
	border-radius: 0;
}

.custom-size-selection-form input[type='number'].quantity-input:active {
    color: var(--e-global-color-secondary);
	border: 0;
    border-bottom: 1px solid var(--e-global-color-secondary);
}

.custom-size-selection-form input[type='number'].quantity-input:focus {
	color: var(--e-global-color-secondary);
	border: 0;
    border-bottom: 1px solid var(--e-global-color-secondary);
	outline: none;
}

.custom-size-selection-form input[type='number'].quantity-input::-webkit-inner-spin-button,
.custom-size-selection-form input[type='number'].quantity-input::-webkit-outer-spin-button {
	display: none
}

.custom-size-selection-form .gifts-ondemand-title {
	margin-bottom: 10px;
}

.custom-size-selection-form .gifts-ondemand-controls {
	margin-bottom: 40px;
}

/*.custom-size-selection-form input[type='number'].quantity-input:not(:placeholder-shown) {
	color: var(--e-global-color-secondary);
    border-bottom: 1px solid var(--e-global-color-secondary);
}*/

.custom-size-selection-form.simple-product table tr th:first-child, 
.custom-size-selection-form.simple-product table tr td:first-child {
	text-align: center;
	width: 50%;
}

.custom-size-selection-form.simple-product tr td:last-child, 
.custom-size-selection-form.simple-product tr th:last-child {
	width: 50%;
}

/* Основной стиль для иконки */
.price-warning {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--e-global-color-secondary);
    background-color: var(--e-global-color-primary); 
    color: var(--e-global-color-secondary); 
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px; /* Отступ от текста */
    cursor: pointer;
    position: relative;
}

/* Всплывающее сообщение (tooltip) */
.price-warning .price-tooltip {
    display: none; /* Скрыто по умолчанию */
    position: absolute;
    top: 50%; /* Центрируем по вертикали относительно иконки */
    left: -10px; /* Располагаем слева от иконки */
    transform: translate(-100%, -50%); /* Сдвигаем полностью влево и центрируем по вертикали */
    background-color: var(--e-global-color-text); 
    color: var(--e-global-color-primary); 
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Треугольник под всплывающим сообщением */
.price-warning .price-tooltip::before {
    content: '';
    position: absolute;
    top: 50%; /* Центрируем по вертикали */
    right: -16px; /* Располагаем треугольник справа от сообщения */
    transform: translateY(-50%); /* Центрируем по вертикали */
    border-width: 9px;
    border-style: solid;
    border-color: transparent transparent transparent var(--e-global-color-text); /* Треугольник, указывающий на иконку */
    z-index: 10;
}

/* Показываем всплывающее сообщение при наведении */
.price-warning:hover .price-tooltip {
    display: block;
}

.price-warning .price-tooltip .info-attention {
	font-size: 16px;
	margin-bottom: 7px;
}

.price-warning .price-tooltip .info {
	margin-bottom: 8px;
    font-weight: normal;
}

.price-warning .price-tooltip .price {
	font-size: 16px;
	margin-bottom: 5px;
}

.price-warning .price-tooltip .price span {
	color: var(--e-global-color-primary);
}

/* Основной стиль для иконки-замка */
.stock-lock-warning {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--e-global-color-secondary);
    background-color: var(--e-global-color-primary); 
    color: var(--e-global-color-secondary); 
    font-size: 14px;
    font-weight: 600;
    margin-left: 6px; /* Отступ от числа */
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: box-shadow 0.2s;
}

.stock-lock-warning .lock-icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    fill: var(--e-global-color-secondary);
    display: inline-block;
    margin-top: -4px;
}

/* Всплывающее сообщение (tooltip) */
.stock-lock-warning .stock-lock-tooltip {
    display: none;
    position: absolute;
    top: 50%;
    left: 100%; /* справа от иконки */
    transform: translate(10px, -50%);
    background-color: var(--e-global-color-text); 
    color: var(--e-global-color-primary); 
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 14px;
    white-space: nowrap;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* Треугольник слева от тултипа */
.stock-lock-warning .stock-lock-tooltip::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    border-width: 9px;
    border-style: solid;
    border-color: transparent var(--e-global-color-text) transparent transparent;
    z-index: 10;
}

/* Показываем тултип при наведении */
.stock-lock-warning:hover .stock-lock-tooltip {
    display: block;
}

/* МОБ/ПЛАНШЕТ <1024px */
@media (max-width: 1023.98px) {
	.custom-size-selection-form {
		padding: 20px 20px;
    	min-width: 90vw;
    	width: 100%;
	}
}

/* 480–767 */
@media (min-width: 480px) and (max-width: 767.98px) {

}

/* 768–1023 */
@media (min-width: 768px) and (max-width: 1023.98px) {

}

/* >=1024: десктоп (исходное поведение) */
@media (min-width: 1024px) {

}

/* >=1280: косметика ширины */
@media (min-width: 1280px) {

}

/* >=1440, >=1920 — резерв под косметику */
@media (min-width: 1440px) {
}

@media (min-width: 1920px) {
}