.custom_lock {
	position: relative;
}

.custom_lock::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: 0.5;
	z-index: 100;
}

.custom_lock::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 100px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwcHgiICBoZWlnaHQ9IjIwMHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtcmlwcGxlIiBzdHlsZT0iYmFja2dyb3VuZDogbm9uZTsiPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjYuMTM4NDciIGZpbGw9Im5vbmUiIG5nLWF0dHItc3Ryb2tlPSJ7e2NvbmZpZy5jMX19IiBuZy1hdHRyLXN0cm9rZS13aWR0aD0ie3tjb25maWcud2lkdGh9fSIgc3Ryb2tlPSIjMzM3YWI3IiBzdHJva2Utd2lkdGg9IjIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGNhbGNNb2RlPSJzcGxpbmUiIHZhbHVlcz0iMDs0MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxIiBrZXlTcGxpbmVzPSIwIDAuMiAwLjggMSIgYmVnaW49Ii0wLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGNhbGNNb2RlPSJzcGxpbmUiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEiIGtleVNwbGluZXM9IjAuMiAwIDAuOCAxIiBiZWdpbj0iLTAuNXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+PC9jaXJjbGU+PGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMjguMzk3NSIgZmlsbD0ibm9uZSIgbmctYXR0ci1zdHJva2U9Int7Y29uZmlnLmMyfX0iIG5nLWF0dHItc3Ryb2tlLXdpZHRoPSJ7e2NvbmZpZy53aWR0aH19IiBzdHJva2U9IiM1YmMwZGUiIHN0cm9rZS13aWR0aD0iMiI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgY2FsY01vZGU9InNwbGluZSIgdmFsdWVzPSIwOzQwIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEiIGtleVNwbGluZXM9IjAgMC4yIDAuOCAxIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgY2FsY01vZGU9InNwbGluZSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMSIga2V5U3BsaW5lcz0iMC4yIDAgMC44IDEiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48L2NpcmNsZT48L3N2Zz4=);
	z-index: 101;

}

/* Загальний стиль для полів Select2 */
.select2-container--default .select2-selection--single {
    background-color: #f8f9fa; /* Світлий фон */
    border: 2px solid #007bff; /* Синя рамка */
    border-radius: 6px; /* Закруглені кути */
    height: 40px; /* Висота поля */
    font-size: 16px; /* Збільшуємо шрифт */
}

/* Стиль при наведенні */
.select2-container--default .select2-selection--single:hover {
    border-color: #0056b3; /* Темно-синя рамка при наведенні */
}

/* Стиль при фокусі */
.select2-container--default .select2-selection--single:focus {
    border-color: #28a745; /* Зелена рамка при виборі */
}

/* Стиль для списку вибору */
.select2-container--default .select2-results__option {
    padding: 8px; /* Збільшуємо відступи між пунктами */
    font-size: 16px;
}

/* Стиль для активного вибору */
.select2-container--default .select2-results__option--highlighted {
    background-color: #007bff !important; /* Колір активного пункту */
    color: #ffffff !important;
}

/* Робимо список більш "широким" */
.select2-dropdown {
    border: 2px solid #007bff; /* Синя рамка */
    border-radius: 6px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}





/*  Стилі для кошика */


/* Основний стиль контейнера кошика */
.cart-items {
  display: flex;
  flex-direction: column;
  gap: 12px; /* Відступ між товарами */
  max-width: 720px; /* Збільшена ширина */
  margin: 0 auto; /* Центруємо */
  padding: 12px;
}

/* Одна позиція в кошику */
.cart-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 12px;
  border-radius: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
}

.cart-item:hover {
  transform: scale(1.03);
}

/* Зображення товару */
.cart-img img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 6px;
}

/* Блок з інформацією */
.cart-info {
  flex-grow: 1;
  margin-left: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-size: 16px; /* Збільшений шрифт */
}

.cart-info a {
  font-weight: bold;
  text-decoration: none;
  color: #333;
}

.cart-info a:hover {
  color: #007bff;
}

/* Ціна */
.cart-price {
  font-size: 16px; /* Збільшена ціна */
  font-weight: bold;
  color: #28a745;
}

/* Блок зміни кількості */
.cart-qty {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Поле вводу кількості */
.cart-qty input {
  width: 50px;
  height: 35px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 16px;
}

/* Кнопки зміни кількості */
.cart-qty button {
  background: #f8f9fa;
  border: 1px solid #ddd;
  padding: 7px 12px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.2s;
  font-size: 16px;
}

.cart-qty button:hover {
  background: #007bff;
  color: #fff;
}

.cart-remove {
    margin-left: 12px;
}

/* Кнопка видалення */
.cart-remove button {
  background: #dc3545;
  color: #fff;
  border: none;
  padding: 8px 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.2s;
  font-size: 16px;
}

.cart-remove button:hover {
  background: #c82333;
}

/* Іконка в кнопці видалення */
.cart-remove i {
  font-size: 16px;
}

/* 📌 Мобільна адаптація */
@media (max-width: 768px) {
  .cart-items {
    max-width: 100%;
    padding: 10px;
  }

  .cart-item {
    padding: 10px;
  }

  .cart-img img {
    width: 60px;
    height: 60px;
  }

  .cart-info {
    font-size: 14px;
  }

  .cart-price {
    font-size: 14px;
  }

  .cart-qty input {
    width: 45px;
    height: 32px;
    font-size: 14px;
  }

  .cart-qty button {
    padding: 6px 10px;
    font-size: 14px;
  }

.cart-remove {
    margin-left: 12px;
}

  .cart-remove button {
    padding: 7px 9px;
    font-size: 14px;
  }
}

/* Додатковий стиль для дуже маленьких екранів (до 480px) */
@media (max-width: 480px) {
  .cart-item {
    padding: 8px;
  }

  .cart-img img {
    width: 55px;
    height: 55px;
  }

  .cart-info {
    font-size: 13px;
  }

  .cart-price {
    font-size: 13px;
  }

  .cart-qty input {
    width: 42px;
    height: 30px;
    font-size: 13px;
  }

  .cart-qty button {
    padding: 5px 9px;
    font-size: 13px;
  }

.cart-remove {
    margin-left: 12px;
}

  .cart-remove button {
    padding: 6px 8px;
    font-size: 13px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.cart-options {
  font-size: 0.9em;
  color: #888;
}

.cart-total {
  text-align: right;
  font-weight: bold;
}

.cart-total-price {
  color: #333;
}

.cart-img img {
  max-width: 100%;
  max-height: 100px;
}

.cart-qty input {
  width: 50px;
}



/* На мобільних поміняємо порядок */
@media (max-width: 767px) {
  .col-sm-6:first-child {
    order: 2; /* Робимо першим на мобільних */
  }

  .col-sm-6:last-child {
    order: 1; /* Робимо другим на мобільних */
  }
}

.cart-totals {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  border-top: 1px solid #ddd;
}

.cart-total {
  display: flex;
  justify-content: space-between;
  /*align-items: center; */
  /*font-size: 1.2rem; /* Трохи збільшуємо для клікабельності */
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}

.total-value {
  color: #000;
  font-weight: bold;
}